react-virtualized icon indicating copy to clipboard operation
react-virtualized copied to clipboard

White Space on Scroll

Open wnetking opened this issue 5 years ago • 3 comments

What is the current behavior?

When I scroll like a crazy man, I have issue with viewing components. I have only white space without any markup - see screencast.

Code Sandbox ScreenCast

ScreenCast

What is the expected behavior?

No have only white space without any markup.

If you have any ideas, I will be very grateful.

P.S. Do not scroll like crazy does not fit. :-)

Which versions of React and react-virtualized, and which browser / OS are affected by this issue? Did this work in previous versions of react-virtualized?

Browser Version 78.0.3904.97 (Official Build) (64-bit)
OS Ubuntu 18.04.3 LTS
React ^16.8.0
React DOM ^16.8.0
react-virtualized ^9.21.1

wnetking avatar Dec 23 '19 13:12 wnetking

We're having this issue too on my team. Here's the kicker: if you remove the LineGraph cell in your code sandbox, the issue goes away. It's taking just long enough to render that it causes the flicker.

I still want this issue to be addressed, though. Bigger web apps are moving beyond putting only text in these lists and tables, and we need a performant approach to this.

Off the top of my head: if the loading strategy changed to accommodate by rendering ahead further, but in batches, maybe this issue could be quickly sidestepped. It could be a different take on overscanRowCount, which for me, only makes flickering worse when I up the value anyways.

In the meantime, all you can do is figure out a way to lazy-load the LineGraphs

jkoontz2010 avatar Jan 02 '20 22:01 jkoontz2010

We're having this issue too on my team. Here's the kicker: if you remove the LineGraph cell in your code sandbox, the issue goes away. It's taking just long enough to render that it causes the flicker.

I still want this issue to be addressed, though. Bigger web apps are moving beyond putting only text in these lists and tables, and we need a performant approach to this.

Off the top of my head: if the loading strategy changed to accommodate by rendering ahead further, but in batches, maybe this issue could be quickly sidestepped. It could be a different take on overscanRowCount, which for me, only makes flickering worse when I up the value anyways.

In the meantime, all you can do is figure out a way to lazy-load the LineGraphs

Hi @jkoontz2010 is there a way to show my prepared static markup on flicker?

NearHeron avatar Jun 14 '21 10:06 NearHeron

Have the same issue. Our team needs urgently a solution for this....

andreiZi avatar Mar 31 '22 08:03 andreiZi