Row misalignment caused by hiddenColumns.indicators, stretchH="all", frozen columns
Describe the bug
I observed a bug in our app. I had AI generate a code demo at this link.
This is observable with the latest version 18.1.
The issue occurs when the following is true:
- fixed columns
- stretchH="all"
- hiddenColumns.indicators = True
- Some portion of the columns are hidden
The above causes a horizontal scrollbar to appear for only the non fixed columns. The scrollbar does nothing because the three columns are fully visible. However, the presence of the scrollbar causes row misalignment when scrolling to the bottom of the table.
This bug disappears when indicators are turned off. Seems like whatever sets the width internally is not including the indicator's width and thus creating the phantom scrollbar.
Video/Screenshots
Provide a link to the demo with the bug reproduction
https://stackblitz.com/github/josh-p-thompson/handsontable-stretch-hidden-columns-repro/tree/main
Handsontable version
18.1
Framework version
react wrapper 18.1
Your environment
Mac OS / Chrome
Source: handsontable/handsontable