From: Mark Otto <markd.otto@gmail.com>
Date: Mon, 13 Jul 2026 04:00:46 +0000 (-0700)
Subject: Drawer: fix double scrollbar on responsive/modal drawers (#42629)
X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=240a6dea88ef215d7bd4140b5a411a7329b2ce08;p=thirdparty%2Fbootstrap.git

Drawer: fix double scrollbar on responsive/modal drawers (#42629)

Reset the native <dialog> UA `overflow: auto` (which made the dialog
itself a scroll container) and add `min-height: 0` to `.drawer-body`
so only the body scrolls. Previously the dialog and body each showed
a scrollbar when drawer content overflowed (e.g. the docs mobile nav).
---

diff --git a/scss/_drawer.scss b/scss/_drawer.scss
index fd5f78468c..d26bcb793e 100644
--- a/scss/_drawer.scss
+++ b/scss/_drawer.scss
@@ -81,6 +81,7 @@ $drawer-backdrop-tokens: defaults(
         max-height: calc(100% - var(--drawer-inset) * 2);
         padding: 0;
         margin: 0;
+        overflow: hidden;
         color: var(--drawer-color);
         visibility: hidden;
         background-color: var(--drawer-bg);
@@ -288,6 +289,7 @@ $drawer-backdrop-tokens: defaults(
     flex-direction: column;
     gap: var(--drawer-padding-y);
     @include dialog-body(var(--drawer-padding-y) var(--drawer-padding-x));
+    min-height: 0; // allow the body to shrink for inner scrolling
     overflow-y: auto;
   }