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.

Blinking scrollbars on full page examples on Chrome

See original GitHub issue

Some of the examples which display full page table have broken scrollbar behavior. for instance: https://rawgit.com/bvaughn/react-virtualized/master/playground/hover.html https://rawgit.com/bvaughn/react-virtualized/master/playground/grid.html

The scrolls appear and disappear maybe a hundred times per second.

I’ve noticed this on Chrome (exact version: 59.0.3071.115) on Win7. It works fine on FF.

I don’t know if this is a bug in example code or the table component itself. Either way, this is discouraging. for someone like me who is evaluating various table components for use in a project.

Issue Analytics

State:
Created 6 years ago
Comments:14 (4 by maintainers)

Top GitHub Comments

11reactions

tomasfranciscocommented, Sep 11, 2017

I think it was related to the parent being able to scroll. So what I did to solve the problem was to make the parent overflow: hidden, in that way I don’t get the flickering scrollbars. Hope it helps.

8reactions

miketmoorecommented, Jun 8, 2018

We were able to solve this problem with our use of the AutoSizer and List component by setting overflow-y: hidden; on the parent container, similar to @tomasfrancisco’s solution.