Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix jumpy scroll #1322

Closed
wants to merge 2 commits into from
Closed

Fix jumpy scroll #1322

wants to merge 2 commits into from

Conversation

gdbroman
Copy link
Contributor

@gdbroman gdbroman commented Apr 4, 2023

  • react-virtualized was not built for scrolling from the bottom. When scrolling from the bottom, the whole list shifts because the scroll position doesn't account for the newly loaded row heights. The maintainer said it himself, but won't fix it. Dynamic height + scrolling up (when the upper cells aren't loaded yet) bvaughn/react-virtualized#610
  • As an alternative you can achieve scroll from bottom using transform: scaleY(-1) on the container + individual rows, as well as reversing the data order. Then the loading algorithm can run top to bottom, without shift, while the experience is scrolling from the bottom.

@gdbroman gdbroman linked an issue Apr 4, 2023 that may be closed by this pull request
44 tasks
@gdbroman gdbroman closed this Apr 4, 2023
@gdbroman gdbroman deleted the fix-jumpy-scroll branch July 7, 2023 10:19
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

New chat TODO list
1 participant