Example app fails with 1,000,000 items about react-virtual-list HOT 6 CLOSED

On Safari it also freaks out..

from react-virtual-list.

Could it be that the empty container is simply too large? Would it help if the height were capped, and the vertical scrolling were to map logarithmically to the index position?

from react-virtual-list.

Hmm, great question. It may have to do with browsers' maximum height limitation. I'll run some tests when I get a chance, but I suspect there will be a point where the page is just too high. Logarithmic mapping is an interesting proposal though.

from react-virtual-list.

Running a few tests, it's very much a limitation of either the height or the padding. Most likely, something getting converted into a floating point or simply capping out. Either way, it produces madness =)

Right now, I'm working off a @jordansexton's master branch, as it resolves server-rendering issues. I'll be experimenting with a maximum height and linear scaled scrolling for now.

from react-virtual-list.

I don't have much to say on this as I never render more than 50 rows on a page right now in my application. I use this library because the individual rows are quite expensive to render (50 DOM elements per row with 4-6 responsive images, some 2x res), but I've never tested it academically with a massive amount of rows.

from react-virtual-list.

I'm convinced this is a result of each browsers' maximum height limitation. Closing this, but feel free to re-open if anyone believes otherwise.

from react-virtual-list.