From e1afd2f2108cbdfa97b781675668877b22d0a34b Mon Sep 17 00:00:00 2001
From: Christian Fehmer <cfe@sexy-developer.com>
Date: Mon, 29 Jun 2026 09:42:57 +0200
Subject: [PATCH 1/2] fix: prevent scrolling in modals to scroll the main page
 (@fehmer)

---
 frontend/src/ts/components/common/AnimatedModal.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/ts/components/common/AnimatedModal.tsx b/frontend/src/ts/components/common/AnimatedModal.tsx
index 76b0a81bcc9d..1c504cafc9e4 100644
--- a/frontend/src/ts/components/common/AnimatedModal.tsx
+++ b/frontend/src/ts/components/common/AnimatedModal.tsx
@@ -330,7 +330,7 @@ export function AnimatedModal(props: AnimatedModalProps): JSXElement {
     >
       <div
         class={cn(
-          "modal pointer-events-auto grid h-max max-h-full w-full max-w-md gap-4 overflow-auto rounded-double bg-bg p-4 text-text ring-4 ring-sub-alt sm:p-8",
+          "modal pointer-events-auto grid h-max max-h-full w-full max-w-md gap-4 overflow-auto overscroll-y-none rounded-double bg-bg p-4 text-text ring-4 ring-sub-alt sm:p-8",
           props.modalClass,
         )}
         ref={modalRef}

From 4a24ed3f28d27f503c383fad5aefe6b513f00d66 Mon Sep 17 00:00:00 2001
From: Christian Fehmer <cfe@sexy-developer.com>
Date: Mon, 29 Jun 2026 12:49:30 +0200
Subject: [PATCH 2/2] old modals

---
 frontend/src/styles/core.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/styles/core.scss b/frontend/src/styles/core.scss
index a7b63a408713..b232d09e3bb8 100644
--- a/frontend/src/styles/core.scss
+++ b/frontend/src/styles/core.scss
@@ -130,6 +130,10 @@ main {
   scrollbar-color: var(--sub-color) transparent;
 }
 
+.modal {
+  overscroll-behavior-y: none;
+}
+
 html {
   @extend .ffscroll;
   overflow-y: scroll;