From 0880c7fc855258d749a1cd8e717615f3731f29c4 Mon Sep 17 00:00:00 2001 From: Bounty Fix Date: Mon, 11 May 2026 11:06:12 +0200 Subject: [PATCH] fix: keep vertical scrollbar visible in data browser with wide tables MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Move vertical and horizontal scrolling to .table container instead of .browser. Previously, .browser (position: fixed) handled both overflow axes via overflow: auto. This caused the vertical scrollbar to be positioned at the content's right edge — hidden off-screen when tables had many columns. Fix: delegate scrolling to .table (absolutely positioned child) by adding overflow: auto. .browser now uses overflow: hidden, acting only as a positioning container. The vertical scrollbar on .table is always at .browser's right edge (viewport edge via right: 0). Also fixes the tableRef.scrollTop reset — .table is now the actual scroll container, so scroll position resets (on class/ordering/filter change) correctly work now. --- src/dashboard/Data/Browser/Browser.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/src/dashboard/Data/Browser/Browser.scss b/src/dashboard/Data/Browser/Browser.scss index fdcc8a328e..8ab7c1f31a 100644 --- a/src/dashboard/Data/Browser/Browser.scss +++ b/src/dashboard/Data/Browser/Browser.scss @@ -13,7 +13,7 @@ left: 300px; right: 0; bottom: 36px; - overflow: auto; + overflow: hidden; } body:global(.expanded) { @@ -82,6 +82,7 @@ body:global(.expanded) { bottom: 0; left: 0; width: 100%; + overflow: auto; } .table .empty {