Scroll jumps for video content

[devedvard]

Hi everyone,

I have items coming from the backend. Each item can contain many things such as text, images, and videos. Everything works correctly except when an item has a video. I can scroll down the list without any problem, but when I try to scroll up, my scroll jumps and gets stuck at the same place.

I think this happens because the video initially isn't loaded, and then when the video loads, the size of the item changes.

Does anyone have any ideas on how to fix this? Thank you very much!

[devedvard]

The question, I think, is how can I virtualize videos if I don’t know their actual height. The height changes after the video loads, and remeasuring doesn’t help because it still causes jumping.

[piecyk]

Thanks for raising this! Do you know which version you're using and when exactly the jumping happens, after render or after scrolling? It might be related to the recent changes here: #1002 (comment).

[devedvard]

@piecyk, thank you for responding 🙂 When I scroll down, everything works fine. But when I scroll up, the video items appear and it starts jumping. I'm using the latest version.

[piecyk]

@devedvard Thanks for the follow-up 🙂 This is actually a known issue, it tends to happen when item sizes change after mounting, especially while scrolling up. In these cases, it helps to skip updating the size during upward scrolls. You can find more context and a possible workaround here #659. Hope that helps!