[data grid] Broken horizontal scroll in RTL mode

[cherniavskii]

Steps to reproduce

Link to live example: https://next--material-ui-x.netlify.app/x/react-data-grid/virtualization/#column-virtualization

Screen.Recording.2024-03-13.at.14.50.53.mov

Current behavior

No columns are rendered after scrolling outside of the initial viewport

Expected behavior

Columns should be rendered after scrolling outside of the initial viewport

Context

No response

Your environment

npx @mui/envinfo

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

Search keywords: rtl horizontal scorll

[cherniavskii]

The regression was introduced in #11924
Before: https://deploy-preview-11805--material-ui-x.netlify.app/x/react-data-grid/virtualization/#column-virtualization
After: https://deploy-preview-11924--material-ui-x.netlify.app/x/react-data-grid/virtualization/#column-virtualization

[romgrk]

How do you test RTL? Tried devtools sensors and a chrome extension but it didn't work, if you have an easier method than changing my browser's locale I'd take it.

[cherniavskii]

@romgrk In the settings drawer:

[github-actions]

⚠️ This issue has been closed.
If you have a similar problem, please open a new issue and provide details about your specific problem.
If you can provide additional information related to this topic that could help future readers, please feel free to leave a comment.