-
-
Notifications
You must be signed in to change notification settings - Fork 3.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
VirtualScroll fails to render items correctly for over 559239 items #193
Comments
@peto-lisy set row height to 1px and it will render more then 30M rows. The reason here is only browser limitations for container height property. |
It just pretty unnormal to have such lists, so I guess it wont-fix. |
Hmm, with http://jsfiddle.net/thai/zkuGv/4/ I have a much greater value (9007199254740992) which is a lot more achieved with ref: http://stackoverflow.com/questions/7719273/determine-maximum-possible-div-height |
559,239 (rows) * 60 (row height) = ~33.5 million pixels. According to Stack Overflow, Chrome should be capable of going up to ~134 million total height. There may be other limitations regarding Setting the row height down to 10 pixels and the total row count to 10 million, I'm still not able to scroll past a As @Guria says, I'm not sure how common it is to have 560k rows of data. If you're displaying anything more than randomly-generated info like in the demo, that's a lot of JSON to parse. You could use a HOC like So my initial reaction to this is to say that I'm not going to act on it. I appreciate you pointing it out though, so thanks for taking the time to file an issue. :) If it affects a real world usage of react-virtualized we can talk again. However I'm afraid that without reimplementing scrolling (and losing a lot of advantages provided by browsers WRT off-UI-thread scrolling animations) there's not much that can be done about this. (And reimplementing scrolling is not a path I'm really interested in going down.) |
fixed-data-table had a similar issue (facebookarchive/fixed-data-table#251): after 16777200px links stop working, and after 33554450px it stops rendering. |
On VirtualScroll https://bvaughn.github.io/react-virtualized/ try creating list with 1M rows.
Last fully rendered item is 559239.
Used browser: Chrome 49 on OS X
The text was updated successfully, but these errors were encountered: