Skip to content

Commit f4f9499

Browse files
committed
fix(frontend): stop the antd splitter panels from owning a scrollbar
antd styles every Splitter panel with overflow:auto. A transient overflow while the config sections load left Chrome's thin panel scrollbar stuck on screen with a full-height thumb, next to the panel's real overlay scrollbar. The sections inside own all scrolling, so the panels are clipped instead.
1 parent 6f0d0f0 commit f4f9499

1 file changed

Lines changed: 5 additions & 1 deletion

File tree

  • web/oss/src/components/Playground/Components/MainLayout

web/oss/src/components/Playground/Components/MainLayout/index.tsx

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -368,7 +368,9 @@ const PlaygroundMainView = ({
368368
size={configCollapsed ? 0 : undefined}
369369
min="20%"
370370
max={configMaxSize}
371-
className="!h-full"
371+
// antd panels default to overflow:auto; the section inside owns scrolling, and
372+
// a transient overflow leaves Chrome's thin panel scrollbar stuck full-height.
373+
className="!h-full !overflow-hidden"
372374
collapsible={splitCollapsible}
373375
key={`${splitterKey}-splitter-panel-config`}
374376
>
@@ -450,6 +452,8 @@ const PlaygroundMainView = ({
450452
<SplitterPanel
451453
className={clsx("!h-full @container min-w-0", {
452454
"!overflow-y-hidden flex flex-col": isComparisonView,
455+
// Same stuck-scrollbar guard as the config panel (chat section scrolls itself).
456+
"!overflow-hidden": !isComparisonView,
453457
})}
454458
collapsible={splitCollapsible}
455459
defaultSize={runsDefaultSize}

0 commit comments

Comments
 (0)