[DataGrid] Scroll starts jumping back up when holding down arrow keys

[lauri865]

Steps to reproduce

Link to live example: (required)

Steps:

1. https://mui.com/x/
2. Hold down arrow key and wait a bit

arrow-navigation-lag.mp4

Current behavior

Scroll index jumps back up

Expected behavior

Scroll continues smoothly and focused column should stay as the last one

Context

Seems like a recent regression. As a side-nitpick - the last row position is imprecise even when it doesn't jump – sometimes up by a pixel, sometimes down.

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: arrow keys navigation jump

[lauri865]

First introduced in v7.20.0

Probably #14888 @arminmeh?

I believe regular scroll performance is also affected.

And fwiw, it's not particular to any grouping, etc. We first noticed it with a pretty plain setup - just 2 pinned columns. But it doesn't reproduce immediately in this demo: https://mui.com/x/react-data-grid/#pro-plan

[arminmeh]

@lauri865 thanks for reporting.
I have confirmed that this is a regression and will work on the fix

[github-actions]

This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue.
Now, if you have additional information related to this issue or things that could help future readers, feel free to leave a comment.

Note

@lauri865 How did we do? Your experience with our support team matters to us. If you have a moment, please share your thoughts in this short Support Satisfaction survey.