fix(rda): the comparison list froze the settings pane instead of scrolling
overscroll-contain on the conflict box stops the wheel from chaining to the pane behind it. With a short list — nothing to scroll inside the box — the pointer over the table therefore froze the whole panel: the page would not move and neither would the list. The box scrolls when it has something to scroll; the page scrolls the rest of the time, which is what containment was preventing.
This commit is contained in:
@@ -7456,7 +7456,12 @@ export function SettingsModal({ onClose, onSaved, initialSection, onMainPaneChan
|
||||
{/* Tall enough to work through. It was capped at 224 px — about six
|
||||
rows of a list that can hold two hundred — inside a panel that
|
||||
does not scroll to reveal what the box could not show. */}
|
||||
<div className="max-h-[28rem] overflow-y-auto overscroll-contain rounded border border-border">
|
||||
{/* NO overscroll-contain here. It stops the wheel from chaining to
|
||||
the settings pane behind, so with a short list — nothing to
|
||||
scroll inside the box — the pointer over the table froze the
|
||||
whole panel. The box scrolls when it has to; the page scrolls
|
||||
the rest of the time. */}
|
||||
<div className="max-h-[28rem] overflow-y-auto rounded border border-border">
|
||||
<table className="w-full text-[11px]">
|
||||
<thead className="sticky top-0 bg-card text-left text-muted-foreground border-b border-border">
|
||||
<tr>
|
||||
|
||||
Reference in New Issue
Block a user