Fix scroll chaining

VedalAI · Jun 10, 2024 · f3cc4ef · f3cc4ef
1 parent 452422b
commit f3cc4ef
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/frontend/www/css/base.css b/frontend/www/css/base.css
@@ -11,12 +11,16 @@ body {
     overscroll-behavior: contain;
 }
 
+html {
+    overscroll-behavior: contain;
+}
+
 main {
     height: 100dvh;
     /* Some older browsers don't support the
        dvh property and we need a fallback value. */
     height: 100vh;
-
+    overscroll-behavior: contain;
     overflow-y: auto;
 }
 

diff --git a/frontend/www/css/modals.css b/frontend/www/css/modals.css
@@ -16,6 +16,8 @@
 
     transition: all;
     transition-duration: 0.25s;
+
+    overscroll-behavior: contain;
 }
 
 .modal {
@@ -36,6 +38,8 @@
 
     -webkit-user-select: none;
     user-select: none;
+
+    overscroll-behavior: contain;
 }
 
 .modal-inside-wrapper {
@@ -52,6 +56,8 @@
     max-height: 80vh;
 
     overflow-y: auto;
+
+    overscroll-behavior: contain;
 }
 
 .modal-image {