react-cool-virtual icon indicating copy to clipboard operation
react-cool-virtual copied to clipboard

Initial render at end of list

Open adampash opened this issue 3 years ago • 0 comments

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.

adampash avatar Sep 01 '22 21:09 adampash