From 033e73524812e3ea7cc27904d1ac4af01fa196b5 Mon Sep 17 00:00:00 2001
From: Leo Vasanko <leo@git>
Date: Wed, 10 Dec 2025 12:07:43 +0000
Subject: [PATCH] Fix scrolling behaviour when backdrop dialogs appear.

---
 frontend/src/assets/style.css | 16 +++-------------
 1 file changed, 3 insertions(+), 13 deletions(-)

diff --git a/frontend/src/assets/style.css b/frontend/src/assets/style.css
index 6a7bb7a..a352cab 100644
--- a/frontend/src/assets/style.css
+++ b/frontend/src/assets/style.css
@@ -73,11 +73,14 @@
 }
 
 html {
+  overflow: clip;
   height: 100%;
   background: var(--color-canvas);
 }
 
 body {
+  overflow: auto;
+  scrollbar-gutter: stable;
   height: 100%;
   margin: 0;
   font-family: var(--font-sans);
@@ -739,23 +742,10 @@ body.has-backdrop::before {
   visibility: visible;
 }
 
-/* Prevent scrolling via html to avoid scrollbar layout shift */
-html:has(body.has-backdrop),
-html:has(#auth-iframe) {
-  overflow: clip;
-}
-
 body.has-backdrop {
   overflow: auto;
 }
 
-/* Make fixed elements (toast, dialog) position relative to body, not viewport */
-/* This works because transform creates a new containing block for fixed children */
-body.has-backdrop,
-body:has(#auth-iframe) {
-  transform: translateZ(0);
-}
-
 #auth-iframe {
   border: none;
   position: fixed;