Flickering on mouse wheel scroll on webkit browsers
See original GitHub issueHi. I was using react-virtualized
during few days and i noticed very bad behaviour during mouse wheel scroll on webkit browsers (chrome, safari)
All table content are flickering when i scrolled table with mouse wheel. But with sidebar everything is OK.
https://bvaughn.github.io/react-virtualized/#/components/Masonry This bug can be reproduced here. Just scroll page with wheel and blocks will flicker.
This bug didn’t appear on Firefox.
How to fix this flickering?
Issue Analytics
- State:
- Created 6 years ago
- Reactions:22
- Comments:8
Top Results From Across the Web
Chrome flickers when scrolling with mouse wheel, relocating ...
The scroll event will be firing a lot of times, which will cause your browser to redraw the page. This can cause flicker....
Read more >227532 – Tiled layer flashing with mouse wheel scrolling
I've isolated the scrollbar behavior in a different test case and filed https://bugs.webkit.org/show_bug.cgi?id=227545 in case there are different reasons for ...
Read more >438179 - Position Fixed Elements flicker when translate3d is ...
Issue 438179: Position Fixed Elements flicker when translate3d is applied to another element and not removed after animation completion and the user scrolls...
Read more >Header flickers on scroll in Chrome - Support - Themeco Forum
It only seems to happen on the first scroll - if you let the page load and scroll with the mouse wheel, the...
Read more >Screen flickering while using scroll wheel in web browser ...
The flickering is generally caused by scrolling. I have tried turning hardware acceleration off in chrome but it is not limited to google...
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
Any traction at all on this issue? Any workarounds? This doesn’t happen when grabbing the thumb and dragging, only with mousewheel…
需要在每一行div中应用{style}