Is Bidirectional with infinite scroll supported?

[affemaen]

Has anyone been able to create a bidirectional list with infinite scroll? From what I have found the scroll position is not restored when new items are added to the top. It would be really nice with an example in the docs. It's a pretty common use case for chats and cursor based navigation.

[piecyk]

@affemaen checkout the discussion at #477

[affemaen]

@piecyk thank you! Unfortunately the discussion seems a bit dead, strange since it's a pretty common use case. I'll see if I can get some time to dig deeper into it.

[piecyk]

Yep, for sure we need to add proper example, if something created quick WIP, hope this helps https://stackblitz.com/edit/tanstack-query-xrw3fp?file=src%2Fpages%2Findex.js

[affemaen]

Thx, looks great. I've done something similar trying to calculate the offset myself, wish it could be built in to the lib. Will look into it more and port it to Vue.

[issimin]

If there is a big deviation between estimateSize and the actual size, it will not scroll to the previous position after pulling up, may I ask if anyone can solve this problem? Thx.

[piecyk]

hmm most cases it should work correctly, maybe could be problematic when element has more size than scroll rect, can you provide an example?

[issimin]

Thanks for your reply. After adjusting itemsize to 250 in this case, there will be some deviation after scrolling up and jumping。https://stackblitz.com/edit/tanstack-query-xrw3fp?file=src%2Fpages%2Findex.js

[henryogunrinde]

If anyone still wants this, check this chat implementation here: #195 (reply in thread)