Jittering behavior from VirtualScroll in Safari
See original GitHub issueI’m seeing a strange jittering problem while scrolling in Safari. My initial thought is that it was performance related, but I’m starting to think it’s related to the vertical position of the viewport jumping as heights are calculated. It maybe seems like the jitters spike when DOM elements are pushed/popped during the normal operation of VirtualScroll. Check out this gif
Here’s an example repo. It’s Meteor, but you can just run npm start
to get it going.
@bvaughn, this is the problem I spoke of in #160. Running the app in Safari Technology Preview doesn’t fix the problem, but it does seem slightly better. This may be placebo, though.
Issue Analytics
- State:
- Created 7 years ago
- Comments:24 (13 by maintainers)
Top Results From Across the Web
Safari 10 stutter when scrolling
It changes nothing visually, but stuttering stops completely. Try Safari/Clear History. This will cause all your cookies to be deleted. Or you ...
Read more >Weird scroll behavior in latest Blink-included browsers (like ...
I have to explain a little more how the virtual-scrolling works and what's causing the flickering. First, see the design of Virtual Scrolling. ......
Read more >Issues with position fixed & scrolling on iOS
In my case I was trying to get an onscroll event to behave like desktop browsers on mobile ones (in that the event...
Read more >Jittery scrolling in most websites
Steps to reproduce: Open Youtube for example, SCROLL! Expected behavior: Shouldn't drop a 1000 frames, Safari is super smooth. Orion, OS ...
Read more >How do you deal with scrolling issues (jank, flickering, ...
You tell it how many rows and columns it contains. It determines the total size of your data and then watches the scroll...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
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
Hello! I believe the newly-released version 8 fixes this issue (at least in my testing).
Check out the upgrade steps for instructions on how to migrate from version 7. And let me know if you run into any problems!
FWIW @brene: React 15.3.1 really does a lot to helping address dev-mode performance problems. If you’re not using it- you should consider upgrading 😃