search

petyosi / react-virtuoso

The most powerful virtual list component for React
https://virtuoso.dev
MIT License
5.25k stars 301 forks source link

Scrolling issue on iOS #70

Closed tschortsch closed 4 years ago

tschortsch commented 4 years ago

I have a list which fills the whole viewport of the browser. When I scroll down the list on an iOS device and then back up to the top of the list and keep on scrolling, the list content starts jumping / flickering. It seems to be an issue related to the rubber band effect on iOS devices. Here's a basic example of the described issue: https://codesandbox.io/s/react-virtuoso-scrolling-issue-rzife (Use this view to try it on an iOS device: https://rzife.csb.app/).

Screen record of the issue: https://vimeo.com/391477355

petyosi commented 4 years ago

@tschortsch Fixed in v0.13.2 - give it a try.

tschortsch commented 4 years ago

Wow that was fast! I’ll try it out, thanks a lot.

tschortsch commented 4 years ago

Sorry to bother you again. But I just found out that the same issue appears when you reach the bottom of the list. See https://vimeo.com/392666471 or again this example https://codesandbox.io/s/react-virtuoso-scrolling-issue-rzife (with react-virtuoso 0.13.2).

petyosi commented 4 years ago

@tschortsch Agh, I need to boundary the scrollTop reporting properly :(.

Will check both issues over the weekend. Thanks for your cooperation.

petyosi commented 4 years ago

Hey, check v0.13.3 - it fixed the problem in my tests.

tschortsch commented 4 years ago

You're awesome. Thanks a lot!

woicw commented 3 years ago

This problem still exists。When I reach the bottom of the list，keep on scrolling more then an item height ( because of the rubber band effect ), the list content starts jumping / flickering . This triggered a re-render . Can we stop the calculation at bottom of the list ...

petyosi commented 3 years ago

@JM-Master please post a repro.

woicw commented 3 years ago

I found out it appears when I add pictures . Use this view to try it on an iOS device: https://01nql.csb.app/

mjlikre commented 3 months ago

Hey community, i'm working with virtuoso and i'm seeing something similar when i attempt to open a modal