You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
As described here, this is a working true fix #619 (comment)
Describe the bug
This problem occurs when you use smooth scrolling, i.e. via touch screen or trackpad
Using the 'dynamic' version of the scroller and Vue problems occur when you scroll up. Other versions, such as fixed an variable height work fine.
Scrolling down works fine, however, the second you start scrolling up it causes a jittery movement and the rows don't actually scroll up, instead it resets its position. You can hopefully see it clearly in my provided videos. For example: row 53 stays in view.
The problem is most notable by scrolling slowly. By scrolling really fast you can get over it temporarily, but as soon as the scroll starts slowing down, the problem occurs.
Problem occurs on:
Chromium on MacOS
Firefox on MacOS
Chrome on Android
Firefox on Android
Firefox on Windows
Edge on Windows
Problem does NOT occur on:
Webkit based browsers basically:
safari on iPhone (emulator)
safari/Chromium/Firefox iPad
Safari on MacOS
tanstack-virtual version
3.0.0-beta.68
TypeScript version
4.8.4
Additional context
The bug does not exist on the React wrapper of virtual.
Terms & Code of Conduct
I agree to follow this project's Code of Conduct
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.
The text was updated successfully, but these errors were encountered:
JochemvanHout
changed the title
Scrolling up on mobile resets position using Dynamic and Vue
Scrolling up on mobile/trackpad resets position using Dynamic and Vue
Nov 10, 2023
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.
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.
Edit
As described here, this is a working true fix #619 (comment)
Describe the bug
This problem occurs when you use smooth scrolling, i.e. via touch screen or trackpad
Using the 'dynamic' version of the scroller and Vue problems occur when you scroll up. Other versions, such as fixed an variable height work fine.
Scrolling down works fine, however, the second you start scrolling up it causes a jittery movement and the rows don't actually scroll up, instead it resets its position. You can hopefully see it clearly in my provided videos. For example: row 53 stays in view.
The problem is most notable by scrolling slowly. By scrolling really fast you can get over it temporarily, but as soon as the scroll starts slowing down, the problem occurs.
This issue occurs in the offical example!
Your minimal, reproducible example
https://ryhp23-3001.csb.app/
Steps to reproduce
Expected behavior
I expect to be able to smoothly scroll up using the dynamic variant on all platforms.
How often does this bug happen?
Every time
Screenshots or Videos
Screen.Recording.2023-11-10.at.11.16.31.mov
tanstack.scroller.bug.webm
Platform
Problem occurs on:
Chromium on MacOS
Firefox on MacOS
Chrome on Android
Firefox on Android
Firefox on Windows
Edge on Windows
Problem does NOT occur on:
Webkit based browsers basically:
safari on iPhone (emulator)
safari/Chromium/Firefox iPad
Safari on MacOS
tanstack-virtual version
3.0.0-beta.68
TypeScript version
4.8.4
Additional context
The bug does not exist on the React wrapper of virtual.
Terms & Code of Conduct
The text was updated successfully, but these errors were encountered: