vue-virtual-scroller
vue-virtual-scroller copied to clipboard
Scroller height 100% meet 'Rendered items limit reached' in DynamicScroller
I did set scroller height to 100% as in documentation but its got 'Rendered items limit reached' error. How can I set dynamic height to scroller.
Please try use "vh/px/em/rem" instead of "%".
Dragging up an old thread. I have the same issue with just over 1000 items. I have set a fixed height but it didn't seem to fix it, and in this case 100% height is better.
The strange thing is that all the elements seem to render, and it seems to function fine (I haven't counted that all 1000+ items are there though...). Not sure what the 'error' is in this case, maybe it should be switched to a warning if it works regardless?
Have the same issue. When I use px, then it works ok. When I use 100% and items count < 1000, then it works good as well. When I use 100% and items count > 1000, then it throws an error:
Rendered items limit reached
Error: Rendered items limit reached
at Proxy.itemsLimitError (http://localhost:6006/node_modules/.cache/.vite-storybook/deps/vue-virtual-scroller.js?v=583b6a21:1031:13)
at Proxy.updateVisibleItems (http://localhost:6006/node_modules/.cache/.vite-storybook/deps/vue-virtual-scroller.js?v=583b6a21:837:14)
at Proxy.handleResize (http://localhost:6006/node_modules/.cache/.vite-storybook/deps/vue-virtual-scroller.js?v=583b6a21:706:14)
at callWithErrorHandling (http://localhost:6006/node_modules/.cache/.vite-storybook/deps/chunk-O4OSJQ7D.js?v=583b6a21:1840:18)
at callWithAsyncErrorHandling (http://localhost:6006/node_modules/.cache/.vite-storybook/deps/chunk-O4OSJQ7D.js?v=583b6a21:1848:17)
at emit (http://localhost:6006/node_modules/.cache/.vite-storybook/deps/chunk-O4OSJQ7D.js?v=583b6a21:2309:5)
at Proxy.emitSize (http://localhost:6006/node_modules/.cache/.vite-storybook/deps/vue-virtual-scroller.js?v=583b6a21:111:12)
at Proxy.compareAndNotify (http://localhost:6006/node_modules/.cache/.vite-storybook/deps/vue-virtual-scroller.js?v=583b6a21:107:14)