When a formatter (column headerRenderer or formatter) renders an element with a
tabIndex="0" attribute, the horizontal scroll jumps beyond expected focus. I believe this is due to a query selector using
[tabIndex="0"] called within the
scrollIntoView function here: https://github.com/adazzle/react-data-grid/blob/main/src/DataGrid.tsx#L775
tabIndex="0"column, note the cell first gets focus
tabIndexcolumn, but the focused cell is the same (and may not be in view anymore)
Link to code example:
In the code sandbox link, keep the browser tab width small and scroll all the way to the right-most column. Click on a row cell (column
foo) more than once and see the grid scroll far to the left.
The focused cell should remain in the grid view.
react-data-gridversion: 7.0.0-beta.20 (but this appears to be an issue since beta-13, does not repro in beta-12)
|Issue Title||Created Date||Updated Date|