How can I get qvirtualscroll to show items when I scroll slowly without having to stop scrolling?

[staceyMagic]

Qvirtualscroll works ok when I scroll with a scroll wheel or when I drag the scroll bar but the UX is not very good when I scroll on touch devices or when I auto-scroll slowly with the middle-mouse button.

Please watch this video clip.

Is it possible to make the rendering look as smooth, less jarring and as performant as Qintersection?

[beets]

@staceyMagic As much as I try to use the built-in components, I also had some trouble with q-virtual-scroll. I actually was battling some similar issues all of yesterday afternoon and this morning, until I decided to try another component: https://github.com/Akryum/vue-virtual-scroller

This one works pretty good, it seems much more performant when using RecycleScroller, that I don’t even see loading content.

[staceyMagic]

@beets This indeed looks really good! Thanks for sharing. I’ll experiment with it tomorrow.

[dobbel]

Quasar’s Virtual Scroller indeed has very disappointing performance when used with more complex components…

[staceyMagic]

Since we’re willing to use components that are not built into quasar, I’ve found vue-virtual-grid (https://github.com/mikescops/vue-virtual-grid#readme) which has infinite scrolling and uses CSS Grid.

But I’d still prefer that Qvirtualscroll gets an update.

Edit: I was able to find this: https://github.com/flespi-software/QVirtualScroll