Duplicated scroll behaviour when using TruncatedFormat Table2 cells

[berryde]

Environment

• Package version(s): "@blueprintjs/core": "^5.14.0", "@blueprintjs/table": "^5.2.0"
• Operating System: Mac OS 14.7.1 (23H222)
• Browser name and version: Chrome Version 1.53.21 Chromium: 130.0.6723.117

Steps to reproduce

This issue can be reproduced using the documentation example here.

1. Select the "…" icon on a TruncatedFormat cell to view the cell contents in a popover.
2. Attempt to scroll the cell contents (it may be necessary to add some cell contents via 'Inspect element' to trigger the overflow).

Actual behaviour

The cell contents in the popover should scroll correctly, however the issue is that the table also scrolls which can cause the popover to be scrolled out of view.

A similar issue was also reported in #5469 and #2651 – this seems to have been an issue for several years but since I also noticed the issue I thought it would be worthwhile to initiate a new discussion for visibility.

Expected behaviour

When a TruncatedFormat popover is open, scrolling within the popover should not also scroll the table.

Possible solution

TruncatedFormat popovers should not propagate scroll events to parents. I am not sure if this would definitely fix the issue.

[JML321]

@jscheiny, I hope you don't mind that I took a stab at this one