[Table2 ] Scrollbar in Table2 component does not behave like a native scrollbar

[maurodesouza]

Environment

• Package version(s): @blueprintjs/core: ^4.18.0, @blueprintjs/table: ^4.10.1,
• Operating System: Windows 10
• Browser name and version: Opera 98.0.4759.15

Code Sandbox

Link to a minimal repro here

Steps to reproduce

1. In the table, scroll horizontally

Actual behavior

When scrolling horizontally in the Blueprint Table2 component using the shift key, the scrollbar allows horizontal and vertical scrolling simultaneously.

Expected behavior

The scrollbar in the Table2 component should only allow horizontal scrolling when the shift key is pressed, consistent with the expected behavior of native scrollbars in web browsers.

Possible Solution

The artificial scrollbar could be modified to align the scrollbar behavior in the Table2 component with the expected browser behavior to prevent vertical scrolling when the shift key is pressed.

[adidahiya]

We don't test Blueprint in the Opera browser, can you include a video or gif demonstrating your issue? I can't repro it in Chrome in your sandbox:

[maurodesouza]

@adidahiya Hi!

GIF recorded in Google Chrome 112.0.5615.139