From 5c6850862614bc33e1aaad4a277fcfd440cfdc63 Mon Sep 17 00:00:00 2001 From: blurymind Date: Wed, 11 Dec 2024 11:52:12 +0000 Subject: [PATCH] fix ipad panning pwa --- src/index.html | 4 ++++ src/scss/style.css | 11 ++++++++++- 2 files changed, 14 insertions(+), 1 deletion(-) diff --git a/src/index.html b/src/index.html index 62f210c6..8fbe66d5 100755 --- a/src/index.html +++ b/src/index.html @@ -677,6 +677,10 @@

Settings

}, true ); + // fix for ipad pinch zoom/dragging breaking the ui + document.addEventListener('touchmove', function (event) { + event.preventDefault(); + }, { passive: false }); diff --git a/src/scss/style.css b/src/scss/style.css index ace2d909..84a2eeac 100644 --- a/src/scss/style.css +++ b/src/scss/style.css @@ -7,11 +7,20 @@ } /* --- ROOT CSS --- */ body { - overflow: hidden; -webkit-user-select: none; line-height: 1.6em; } +html, body { + overflow:hidden; + /* fix for ipad touch interactions breaking pannning */ + overscroll-behavior: none; + overscroll-behavior-y: contain; + overscroll-behavior-x: contain; + -webkit-text-size-adjust: none; + touch-action: pan-y; +} + h1, h2, h3,