resolve issues with scroll on mobile Chrome

mat-sz · Oct 23, 2023 · e75e9bf · e75e9bf
1 parent 20ec050
commit e75e9bf
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/web/src/App.scss b/web/src/App.scss
@@ -53,9 +53,7 @@ body {
 
   overflow: hidden;
   position: fixed;
-  left: 0;
-  right: 0;
-  bottom: 0;
+  inset: 0;
   height: 100%;
   touch-action: none;
 }

diff --git a/web/src/index.tsx b/web/src/index.tsx
@@ -22,7 +22,7 @@ document.addEventListener(
   'touchmove',
   (event: any) => {
     event = event.originalEvent || event;
-    if (event.scale !== 1) {
+    if (typeof event.scale !== 'undefined' && event.scale !== 1) {
       event.preventDefault();
     }
   },

diff --git a/web/src/screens/Home.module.scss b/web/src/screens/Home.module.scss
@@ -1,13 +1,15 @@
 .home {
-  margin: 15px;
+  margin-block-start: 15px;
+  padding: 15px;
+  padding-block-start: 0;
   overflow: auto;
 }
 
 .disconnected {
   margin: 15px;
 
   div > div {
-    margin-top: 1rem;
+    margin-block-start: 1rem;
   }
 
   span {