React-virtualized: Flickering on mouse wheel scroll on webkit browsers

Created on 1 Mar 2018  ·  8Comments  ·  Source: bvaughn/react-virtualized

Hi. 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?

Most helpful comment

Any traction at all on this issue? Any workarounds? This doesn't happen when grabbing the thumb and dragging, only with mousewheel...

All 8 comments

same for me)

I also ran into this problem. Very frustrating bug...

same here... drives me nuts in my app

需要在每一行div中应用{style}

@xuhuanghuang every returned div in my renderRow function has the style applied. I also still have this exact issue.

_Edit:_ Finally got my dual configuration for Electron and ChromeOS complete and realized that this only happens in Electron, but not latest Chrome.

Any traction at all on this issue? Any workarounds? This doesn't happen when grabbing the thumb and dragging, only with mousewheel...

I also see this behavior in react-window.

需要在每一行div中应用{style}

but not fixed

Was this page helpful?
0 / 5 - 0 ratings