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:
committed by
GitHub
parent
f77181a649
commit
5950a31632
@@ -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
|
||||
|
||||
Reference in New Issue
Block a user