From 1699f6da197f5d2bbba1a2d4b892ad88726e90eb Mon Sep 17 00:00:00 2001 From: Shaad Alaka Date: Wed, 31 May 2023 15:27:05 +0200 Subject: [PATCH] Fix some mobile browser issues --- index.html | 1 + public/manifest.json | 4 ++++ src/css/app.scss | 6 +++++- src/layouts/MainLayout.vue | 14 +++++++------- 4 files changed, 17 insertions(+), 8 deletions(-) create mode 100644 public/manifest.json diff --git a/index.html b/index.html index 36059a4..1b5c31b 100644 --- a/index.html +++ b/index.html @@ -37,6 +37,7 @@ href="icons/favicon-16x16.png" /> + diff --git a/public/manifest.json b/public/manifest.json new file mode 100644 index 0000000..809f21c --- /dev/null +++ b/public/manifest.json @@ -0,0 +1,4 @@ +{ + "display": "fullscreen", + "orientation": "landscape" +} \ No newline at end of file diff --git a/src/css/app.scss b/src/css/app.scss index 940d788..8c15475 100644 --- 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 index b7cf37c..2d3388a 100644 --- 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)) {