[DataGrid] Jump while scrolling with a cell selected

[m4theushw]

When scrolling the grid while a cell is selected sometimes there's a jump. Here's one taken from https://mui.com/x/react-data-grid/row-grouping/#full-example

Observe the small jumps when I scroll up:

msedge_yFYE9gv6K8.mp4

The same happens with the actions column type but we don't have a demo with many rows to see it. I don't know why it happens. We already use HTMLElement.focus({ preventScroll: true }) but it seems that it still tries to scroll to make the element visible. One thing I noticed is that it only occurs if there's a cell focused so it might be coming from the effect inside the cell. I can't reproduce it in Firefox.

mui-x/packages/grid/x-data-grid/src/components/cell/GridCell.tsx

Line 179 in e5b548f

elementToFocus.focus({ preventScroll: true });

Originally posted by @m4theushw in #4208 (comment)

[cherniavskii]

Closed by #6622