Image preview flashes while scrolling on an iPhone

[Oldrich Svec]

How to reproduce:

1. Use iPhone with latest iOS
2. Open https://pqina.nl/filepond/
3. Scroll to "Multiple File Upload"
4. Click on "Browse"
5. Select a picture
6. Wait until it loads
7. Swipe up and down
8. Observe how the image flashes

[Rik]

It's because the browser window is resized (vertically). It hides the images when this happens so it's faster to update the views.

[Oldrich Svec]

How can window be resized vertically when scrolling?

[Rik]

On iOs it is because it shows and hides the bottom menu bar which impacts the window height.

[Oldrich Svec]

I see, would it not make sense to exclude it from re-rendering? Something like:

[Rik]

I'm looking into this now, but requesting innerHeight on each resize is performance intensive. Also, I want to stay away from fixed values. So I'm testing if the width is changing, should be fixed later today.

[Oldrich Svec]

ok, perfect 👍

[Rik]

Fixed in version 4.1.4