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.

video-1655231312.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);