Fix some mobile browser issues

Archer6621 · May 31, 2023 · 1699f6d · 1699f6d
1 parent d54350f
commit 1699f6d
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -37,6 +37,7 @@
       href="icons/favicon-16x16.png"
     />
     <link rel="icon" type="image/ico" href="favicon.ico" />
+    <link rel="manifest" href="manifest.json" />
   </head>
   <body>
     <!-- quasar:entry-point -->

diff --git a/public/manifest.json b/public/manifest.json
@@ -0,0 +1,4 @@
+{
+    "display":      "fullscreen", 
+    "orientation":  "landscape"
+}
diff --git a/src/css/app.scss b/src/css/app.scss
@@ -81,12 +81,16 @@ canvas {
 }
 
 body {
-  overscroll-behavior: contain;
+  overscroll-behavior: none;
   overflow: hidden;
   width: 100vw;
   height: 100vh;
 }
 
+html {
+  overscroll-behavior: none;
+}
+
 .buttonToggleMW {
   flex-wrap: wrap;
 }

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
@@ -1156,13 +1156,13 @@ export default defineComponent({
         }
       }
     });
-    document.body.addEventListener(
-      "touchmove",
-      function (event) {
-        event.preventDefault();
-      },
-      { passive: false }
-    );
+    // document.body.addEventListener(
+    //   "touchmove",
+    //   function (event) {
+    //     event.preventDefault();
+    //   },
+    //   { passive: false }
+    // );
 
     // Add placeholders for snapshots
     for (const _ of range(0, this.snapshotCount)) {