Scroll position not synced with actual position
Describe the bug
Probably related to #344
The scroll position with dynamic height rows shifts when scrolling up and down, it is out of sync with the actual position
Your minimal, reproducible example
https://codesandbox.io/s/nkpe0m
Steps to reproduce
Scroll the first list up and down
Expected behavior
The scroll position should be synced
How often does this bug happen?
Every time
Screenshots or Videos
No response
Platform
Windows 10 and Chrome browser but it is irrelevant to the issue
tanstack-virtual version
3.0.0-beta.13
TypeScript version
No response
Additional context
It's a bit of a bummer that this is happening because the purpose of TanStack/virtual is remarkable, this is the only reason why I would not use this package yet, instead I'll stick with slower react-virtualized or even react-window that do not have this problem
Terms & Code of Conduct
- [X] I agree to follow this project's Code of Conduct
- [X] I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
@nonua are dynamic heights possible with react-virtualized? How?
@jampy With CellMeasurerCache and CellMeasurer API
@nonua ok, thanks
Did you find a solution for the problem described in this issue? I'm facing the same problem.
Should be fixed in latest beta.
Hi @piecyk , I just checked this out for dynamic heights and it still does that unfortunetly

Whereas it does not happen with fixed/variable heights

Hi @nonua there are two issues here, first is the white space when dragging, basic it's the limitation of browser how fast it can render. Another issues is the scroll handle when scrolling, reported #421 interesting is that it's not happening in Firefox and Safari.