From f3cc4efa175ea02801140c62107c4b3ad29ba5bc Mon Sep 17 00:00:00 2001
From: Vedal <vedal@vedal.xyz>
Date: Mon, 10 Jun 2024 23:44:54 +0100
Subject: [PATCH] Fix scroll chaining

---
 frontend/www/css/base.css   | 6 +++++-
 frontend/www/css/modals.css | 6 ++++++
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/frontend/www/css/base.css b/frontend/www/css/base.css
index 90b4ad6..7661282 100644
--- 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
index af610d7..b424035 100644
--- 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 {