From: Mark Otto <markdotto@gmail.com>
Date: Fri, 1 May 2026 18:10:17 +0000 (-0700)
Subject: Fix dialog scrollbar shifting
X-Git-Url: http://git.ipfire.org/gitweb/index.cgi?a=commitdiff_plain;h=fa1cc64fc2383dc6295c33c0585262ad5191cdb7;p=thirdparty%2Fbootstrap.git

Fix dialog scrollbar shifting
---

diff --git a/scss/_dialog.scss b/scss/_dialog.scss
index a9b2683629..74f9000768 100644
--- a/scss/_dialog.scss
+++ b/scss/_dialog.scss
@@ -62,7 +62,6 @@ $dialog-sizes: defaults(
   // Prevent body scroll when dialog is open
   .dialog-open {
     overflow: hidden;
-    scrollbar-gutter: stable;
   }
 
   .dialog {
diff --git a/scss/_root.scss b/scss/_root.scss
index 1eca05d7a2..0d5a7afe99 100644
--- a/scss/_root.scss
+++ b/scss/_root.scss
@@ -172,6 +172,9 @@ $root-tokens: map.set($root-tokens, --radius-pill, 50rem);
   @include tokens($root-tokens);
 
   color-scheme: light dark;
+  // Always reserve the viewport scrollbar gutter so layout doesn't shift
+  // when overflow: hidden is applied (e.g. when a dialog opens on Windows).
+  scrollbar-gutter: stable;
 }
 
 [data-bs-theme="dark"] {