scrollToIndex and dynamic size

I have a dynamic height list and want to scroll to end https://codesandbox.io/s/exciting-kate-h555x?file=/src/index.js

When I press Scroll To end it sometimes goes to the end and sometime to the Row 9993 Please open the list and press Scroll To end , If you goes to end refresh the page and retry again

[piecyk]

Just want to ask Is it ok to have 4 requestAnimationFrame?

It’s definitely a code smell and would not recommend it, but if it solve the issue 99% of times 🙈

Don’t know exactly what is your use case, but there is also an option to pre-render the last n elements of list, just make it render once before scrolling. It can be done via rangeExtractor, for example pre rendering 25 last items https://codesandbox.io/s/toend-forked-mvow4?file=/src/index.js

[Recognized]

I guess the only real way to solve this issue is to use scroll “anchoring” instead of one “scrollToIndex” call. You should maintain scroll position and automatically readjust it in case items or parent container resize. But it is not that easy anyway. Using timeouts or 2+ requestAnimationFrame to wait for something is just unreliable. Some users would report you issues with scroll and you wouldn’t be able to reproduce it.