iphone safari scroll up flicker

[NguyenHoan2201]

Describe the bug

    flicker when scroll up on iphone safari, large amount of data, no fix height, complex scroller item.
    suggested fix: 

Reproduction

scroll up on iphone safari, large amount of data, no fix height, complex scroller item.
scroll down then scroll up

System Info

iphone, safari

Used Package Manager

npm

Validations

• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion.
• The provided reproduction is a minimal reproducible example of the bug.

[loremru]

Same, did you find a fix?

[loremru]

suggested fix:

Oh, I see...
It's working, thank you

[loremru]

@Akryum, merge this please

[MengQingYu1998]

This solution does not work very well and is still very flickering

[brunoinds]

Same error here. In my case, its not required to reach the bottom to starts to glitch when scrolling up.

I'm using Ionic + Vue, and it seams the problem only occurs when using mobile devices, like Safari for iOS. Safari for macOS does not reproduce the error.

ScreenRecording_10-24-2024.11-39-06_1.mov

Any thoughts on this issue?

[udrzbarik]

Hello, a friend found that for our use-case it helped to switch to the version 2.0.0-beta.3. We needed to flush the npm's cache though. It seems like he found out that the issue is introduced in the version 2.0.0-beta.5 and above. This is the commands that helped:

# Uninstalls the scroller from the project
npm uninstall vue-virtual-scroller

# Make sure to force clear the cache
npm cache clean --force

# Uninstalls the scroller from the project
npm install vue-virtual-scroller@2.0.0-beta.3 --save-exact

[brunoinds]

I have a suggestion to anyone that needs a solution: vueUse virtualList is really great. https://vueuse.org/core/useVirtualList/#usevirtuallist