vue-virtual-scroller icon indicating copy to clipboard operation
vue-virtual-scroller copied to clipboard

Scroller height 100% meet 'Rendered items limit reached' in DynamicScroller

Open jr-suraj opened this issue 4 years ago • 3 comments

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.

jr-suraj avatar Oct 07 '20 03:10 jr-suraj

Please try use "vh/px/em/rem" instead of "%".

ViavaCos avatar Jul 23 '21 00:07 ViavaCos

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?

XDGFX avatar Dec 30 '22 12:12 XDGFX

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)

ghost avatar Jun 05 '23 10:06 ghost