Scrolling up on mobile/trackpad resets position using Dynamic and Vue about virtual HOT 3 OPEN

I seem to have found a temporary workaround.

In your useVirtualizer you can set overscan to a relatively high number. This atleasts allows users to scroll that many items before it starts to glitch.

const rowVirtualizer = useVirtualizer({
  count: 1000,
  getScrollElement: () => scrollWrapper.value,
  estimateSize: () => 40,
  overscan: 100,
});

So sad workaround 😢
tanstack/virtual api looks great, but because of this error, it is impossible to use

from virtual.

I seem to have found a temporary workaround.

In your useVirtualizer you can set overscan to a relatively high number. This atleasts allows users to scroll that many items before it starts to glitch.

const rowVirtualizer = useVirtualizer({
  count: 1000,
  getScrollElement: () => scrollWrapper.value,
  estimateSize: () => 40,
  overscan: 100,
});

from virtual.

Happening to me too, I've tried to use this library 3 times for the last year and with no luck because of this exact issue

This last try, seems like not setting an overscan works 2/3 of the time

Also, this other workaround seems to work too #659

EDIT: THIS REALLY FIXED IT: #619 (comment)

from virtual.