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

Initial render at end of list #535

Open
adampash opened this issue Sep 1, 2022 · 0 comments
Open

Initial render at end of list #535

adampash opened this issue Sep 1, 2022 · 0 comments

Comments

@adampash
Copy link
Contributor

adampash commented Sep 1, 2022

Option to start first render at end of the list.

Describe the Feature

I'm looking at using react-cool-virtual to render a chat window. Loading my items, and then scrolling to the end of the list, is proving to be pretty messy. Among other things, you get some render flashes, sometimes jumpiness, etc.

Describe the Solution You'd Like

It would be nice to have the option to start the chat at the end, and skip the initial render that happens at the top of the list.

Describe Alternatives You've Considered

I've spend a lot of time trying to optimize/improve the scroll-to-end on load, but it's proving rather difficult to improve matters with that path.

Additional Information

Another option I've considered is a flex column with flex-direction: column-reverse, in which case you could, in theory, just load your items in reverse order, but I don't think the way react-cool-virtual works would play nicely with this idea.

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

No branches or pull requests

1 participant