question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Jittering behavior from VirtualScroll in Safari

See original GitHub issue

I’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:closed
  • Created 7 years ago
  • Comments:24 (13 by maintainers)

github_iconTop GitHub Comments

1reaction
bvaughncommented, Sep 18, 2016

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!

1reaction
bvaughncommented, Sep 1, 2016

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 😃

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found