Image preview crash browser while scrolling on an iPhone

[lam0819]

• ios version 15.5 ( real ios not a simulator)
• safari or chrome

When the user uploads two or the above images, the browser scroll up and down it crashes. Confirm that if I allowImagePreview = false, it works.

https://user-images.githubusercontent.com/68211972/173662670-69982dad-6172-4259-b573-71278220997f.mp4

I will further investigate. Tested Fail: ios 15.5 iPhone 13 Pro, iPhone 12 Pro Max, iPhone 13 mini Tested Success: ios 16 beta iPad

[rikschennink]

Hi, can you post your filepond configuration?

Additionally, can you reproduce this with a standalone test case?

[lam0819]

We are using livewire and alpinejs. Confirm ios 15 dead on modal view. non-modal view is fine.

We will make a standalone test case, report later.

FilePond.registerPlugin(FilePondPluginFileValidateType); FilePond.registerPlugin(FilePondPluginImageExifOrientation); FilePond.registerPlugin(FilePondPluginImagePreview); FilePond.setOptions({ acceptedFileTypes: ['image/*'], maxFiles: 6, allowMultiple: true , allowImagePreview: true, labelIdle: '<span class=\'filepond--label-action border border-red-primary px-3 py-2 rounded text-red-primary no-underline font-bold text-xs outline-none\'>' + 'upload File' + '', server: { process: (fieldName, file, metadata, load, error, progress, abort, transfer, options) => { //upload file }, revert: (filename, load) => { // remove file }, remove: (source, load, error) => { // remove payload }, }, }); const pond = FilePond.create($refs.input);