Table horizontal scroll is inconsistent

[mattrunyon]

Description

Horizontal scroll speed is sometimes inconsistent when there are wide columns and narrow columns.

Also, when the window size changes, the horizontal scroll bar for tables does not seem to be correct. This also causes issues like clicking on a cell to shift a different cell into view.

Steps to reproduce

1. Create a table
2. Expand one of the columns to be wide
3. Reduce the size of the table so the column overlaps the edge
4. Reduce the browser window size horizontally
5. Click on a cell
6. Horizontally scroll

Expected results

5. Clicking on cell does not shift the grid
6. Horizontal scroll is smooth throughout

Actual results

5. Clicking the cell can shift the entire grid such that the cell is not visible
6. Horizontal scroll is slow at the beginning of the scroll bar and faster at a certain point

Additional details and attachments

If you maximize the screen again, it's possible to lose the horizontal scroll bar entirely without all the columns visible. When using the snippet from DH-10111, I put 2 tables side-by-side with table2 on the left. Then shrunk my window, clicked on the long text cell (which shifts the table to the right), and maximized again. I had only the last 2 columns visible and no scroll bar

Screen.Recording.2022-04-28.at.3.04.29.PM.mov

Versions

• Deephaven: 0.11

[vbabich]

Potentially related to DH-10228