react-cool-virtual
react-cool-virtual copied to clipboard
Initial render at end of list
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.