fix: Chrome diff scroll in All Files layout (#213)

Replace nested ScrollableOverlay with simple div in inline diff to fix vertical scroll blocking in Chrome. Add explicit h-full to stacked view flex container and disableHorizontal to main ScrollableOverlay for proper scroll behavior.
This commit is contained in:
Bohdan Triapitsyn
2026-01-25 18:52:58 +02:00
committed by GitHub
parent f77181a649
commit 5950a31632
3 changed files with 7 additions and 9 deletions
@@ -482,19 +482,16 @@ export const PierreDiffViewer: React.FC<PierreDiffViewerProps> = ({
}
// Fallback for 'inline' layout: use Portal behavior
// Use simple div with overflow-x-auto to avoid nested ScrollableOverlay issues in Chrome
return (
<div className={cn("relative", "w-full")}>
<ScrollableOverlay
outerClassName="pierre-diff-wrapper w-full"
disableHorizontal={false}
fillContainer={false}
>
<div className="pierre-diff-wrapper w-full overflow-x-auto overflow-y-visible">
<FileDiff
fileDiff={fileDiff}
options={options}
selectedLines={selection}
/>
</ScrollableOverlay>
</div>
{selection && createPortal(
<div