Flickering on reverse scrolling when items have wide range of sizes in desktop Safari

[inokawa]

As far as I researched, Safari seems to have 2 tricky behavior (maybe a kind of bug?):

1. Imperative scrollTop update during scrolling sometimes delays. For example, setting scrollTop += 1000 will usually affect the next scroll event, however sometimes not next but after the next in Safari.
2. Imperative scrollTop update during scrolling sometimes delays browser's paint. That means updated items range may not be painted immediately and can cause blank.

Originally posted by @inokawa in #261 (comment)

[LookRain]

hi @inokawa just checking, have you been able to think of a solution to this problem? I think this is a common problem faced by other virtual scrollers like react-virtuoso..

[inokawa]

It's probably fixable by detecting desktop Safari by user agent and patching it. Previously I was looking for a more general solution, but it didn't work that time.

[WalrusSoup]

It's probably fixable by detecting desktop Safari by user agent and patching it. Previously I was looking for a more general solution, but it didn't work that time.

Can you share your thoughts & how should we approach this for vue?