From 94d703b85b94e8c4baa31d4c452aa15b6d9ec289 Mon Sep 17 00:00:00 2001
From: Jyotirmoy Ghosh <325164431+jyotirmoyghosh-me@users.noreply.github.com>
Date: Sun, 6 Sep 2026 09:35:12 +0530
Subject: [PATCH] Fix .table-responsive causing unexpected body scrollbar with
 visually-hidden content

Give .table-responsive its own positioning context so an absolutely
positioned .visually-hidden descendant (e.g. in a table header) is
contained by the wrapper instead of bubbling up to the document,
which was causing a phantom scrollbar in Chrome.

Fixes #41554
---
 scss/_tables.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/scss/_tables.scss b/scss/_tables.scss
index 276521a387fe..a48eea10a78a 100644
--- a/scss/_tables.scss
+++ b/scss/_tables.scss
@@ -164,6 +164,7 @@
 
   @include media-breakpoint-down($breakpoint) {
     .table-responsive#{$infix} {
+      position: relative;
       overflow-x: auto;
       -webkit-overflow-scrolling: touch;
     }