add workaround for old webkit

frontend/public/global.css

@@ -73,9 +73,6 @@ html, body {
 
 	color-scheme: dark;
 	accent-color: var(--purple-2);
-
-	width: var(--viewportWidth);
-	height: var(--viewportHeight);
 }
 
 body {
@@ -90,6 +87,9 @@ body {
 
 	display: flex;
 	flex-direction: column;
+
+	width: var(--viewportWidth);
+	height: var(--viewportHeight);
 }
 
 /* fullscreen message */

frontend/src/responsive.js

@@ -8,6 +8,9 @@ function initViewportSizeHandler() {
     if (method === "dynamicViewportUnits") {
         root.style.setProperty("--viewportWidth", "100dvw");
         root.style.setProperty("--viewportHeight", "100dvh");
+    } else if (method === "webkitHack") {
+        root.style.setProperty("--viewportWidth", "100vw");
+        root.style.setProperty("--viewportHeight", "-webkit-fill-available");
     } else if (method === "javascriptResponsive") {
         const updateUnits = () => {
             root.style.setProperty("--viewportWidth", `${window.innerWidth}px`);

frontend/src/storage.js

@@ -19,9 +19,13 @@ const defaults = {
         return (window.navigator && window.navigator.maxTouchPoints > 0) ? "touch" : "desktop";
     },
     "ui:useragent:viewportSizeJustificationMethod": () => {
+        const isTouch = getItem("ui:useragent:formFactor") === "touch";
+
         if (CSS.supports("(width: 1dvw)")) {
             return "dynamicViewportUnits";
-        } else if (getItem("ui:useragent:formFactor") === "touch") {
+        } else if (isTouch && CSS.supports("(-webkit-touch-callout: none)")) {
+            return "webkitHack";
+        } else if (isTouch) {
             return "javascriptResponsive";
         } else {
             return "normalUnits";
@@ -61,10 +65,15 @@ export function init() {
     if (!persistentProvider)
         return;
 
+    didCacheProvider = true;
+
     store.forEach((defaultValue, key) => {
         const override = persistentProvider.getItem(key);
         if (override !== null) {
             try {
+                if (typeof defaultValue === "function") {
+                    defaultValue = defaultValue();
+                }
                 store.set(key, typeof defaultValue === "string" ? override : JSON.parse(override));
             } catch (o_O) {
                 console.warn("[Storage]", `init(): An exception was thrown while parsing the value of key "${key}" from persistentProvider. The key "${key}" will be removed from persistentProvider.`, o_O);
@@ -72,8 +81,6 @@ export function init() {
             }
         }
     });
-
-    didCacheProvider = true;
 }
 
 export function apiRoute(fragment) {