From fa4e77f35e6193fa2ad49d95344a7e2225e4c37b Mon Sep 17 00:00:00 2001
From: Alexander Zaytsev <nqst@users.noreply.github.com>
Date: Mon, 19 Jan 2026 20:46:49 +0100
Subject: [PATCH] Prevent page scrolling when modal dialog is open

---
 app/assets/stylesheets/dialog.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/app/assets/stylesheets/dialog.css b/app/assets/stylesheets/dialog.css
index 5d6a7eb0e..16bc7a4ec 100644
--- a/app/assets/stylesheets/dialog.css
+++ b/app/assets/stylesheets/dialog.css
@@ -1,4 +1,9 @@
 @layer components {
+  /* Prevent page scrolling when modal dialog is open */
+  html:has(dialog:modal) {
+    overflow: hidden;
+  }
+
   :is(.dialog) {
     border: 0;
     opacity: 0;