You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Visit the live demo in Chrome and Firefox, it's the free version of @mui/x-data-grid on CodeSandbox
Scroll the grid up and down
It's not a super dramatic effect, but Chrome has a jankier scroll
Note: might be a dupe of #569, can close this if it is known or foldable into another issuer, or just beyond the scope of this library
Current behavior 😯
It feels like Chrome stutters more during scroll but Firefox is quite smooth. It could be a deep browser behavior that MUI cannot really actionably fix, and in that case, can close.
Not sure if relevant but here are some performance profiler screenshots
Chrome: has opaque dispatchEvent, might not be the full stack though and has yellow and red dropped frames (the 16.7ms boxes)
Firefox, the JS stack (yellow) looks approx the same as Chrome, but the renderer (green) is ticking away 60fps(not that experienced with firefox profiler though)
Expected behavior 🤔
Approximately equal performance between Chrome and Firefox
Context 🔦
I am trying to display as much data in the grid at once, so approx 100 at a time, but the scrolling stutters a bit. It would be great to have smooth performance
Your environment 🌎
Running in CodeSandbox, sorry I am not sure how to run this
Browser versions
Chrome Version 108.0.5359.98
Firefox 108.0.2 (64-bit)
Also tried Chromium, Version 109.0.5414.119, similar to Chrome
Order ID 💳 (optional)
No response
The text was updated successfully, but these errors were encountered:
The CodeSandbox is using the development build of React, which is much slower compared to the production version. Do you see the same degraded performance in https://mui.com/x/react-data-grid/#commercial-version?
this is probably a factor, I don't see a big diff at the link and also in a prod build of the codesandbox downloaded locally. thanks for the tip, can probably close for now :)
Duplicates
Latest version
Steps to reproduce 🕹
Link to live example:
https://m5190q.csb.app/
https://codesandbox.io/s/elated-neco-m5190q?file=/demo.tsx
Steps:
Note: might be a dupe of #569, can close this if it is known or foldable into another issuer, or just beyond the scope of this library
Current behavior 😯
It feels like Chrome stutters more during scroll but Firefox is quite smooth. It could be a deep browser behavior that MUI cannot really actionably fix, and in that case, can close.
Not sure if relevant but here are some performance profiler screenshots
Chrome: has opaque dispatchEvent, might not be the full stack though and has yellow and red dropped frames (the 16.7ms boxes)
Firefox, the JS stack (yellow) looks approx the same as Chrome, but the renderer (green) is ticking away 60fps(not that experienced with firefox profiler though)
Expected behavior 🤔
Approximately equal performance between Chrome and Firefox
Context 🔦
I am trying to display as much data in the grid at once, so approx 100 at a time, but the scrolling stutters a bit. It would be great to have smooth performance
Your environment 🌎
Running in CodeSandbox, sorry I am not sure how to run this
Browser versions
Order ID 💳 (optional)
No response
The text was updated successfully, but these errors were encountered: