Stuttery scrolling in Chrome with `VirtualScroll`
See original GitHub issueI just noticed that the VirtualScroll
element has stuttery scrolling in Chrome. Here’s a video: http://jlongster.com/s/chrome-stutter.mp4
I’m wrapping it in AutoSizer
fwiw, but I don’t see how that could be related. Don’t worry much about the code (it’s ClojureScript), the rows it’s rendering is pretty basic: just a row of inputs with values. I don’t know if anyone else has seen this (I’m using latest master of react-virtualized) and Chrome 48.
I can try to make a reduced test case later, just thought I’d post this now.
Issue Analytics
- State:
- Created 8 years ago
- Reactions:1
- Comments:48 (22 by maintainers)
Top Results From Across the Web
Fix Chrome Scrolling Stutter and Choppiness - YouTube
This is my usual to-go-solution for solving the issue with that scrolling through YouTube or any other website in Chrome feels choppy and ......
Read more >Choppy scrolling in overflow:auto modal dialog when Chrome ...
Issue 429812: Choppy scrolling in overflow:auto modal dialog when Chrome is focused (smooth when unfocused). Reported by schedule ehin.
Read more >Scrolling Performance Chrome vs Firefox (while using ngx ...
The scrolling in Chrome is not smooth. Whereas in Firefox its a lot smoother. The list is dynamically generated using ngx-virtual-scroller .
Read more >Lag when scrolling on Edge or Chrome - Screens take half a ...
I tried changing the refresh rate on the display settings and when I do the screen that page that I am on will...
Read more >Intertial scroll lag on M1 max MBP Chrome : r/RESissues - Reddit
When doing inertial scrolling (you scroll really fast and let go) there's always an instance ... Browser: Chrome ... r/OculusQuest - Virtual desktop...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Awesome, makes total sense. Thank you!
@bvaughn I figured it out. On master the
_onWheel
handler was removed from the container element, and previously both_onWheel
and_onScroll
events were firing and I think twice as much work was happening. Now that it was removed, Chrome is a lot smoother. I can replicate this on the old code by just commenting on theonWheel: this._onWheel
line.So good job removing that 😃