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);

[FilipBoe]

Any updates here?

[MichaelHeinzman]

I have the same problem, did you ever find a solution?

[rikschennink]

@FilipBoe @MichaelHeinzman I asked for a standalone test case 2+ years ago, it looks like no one is willing or able to provide it, so to me that means it’s either not important or not replicable.

[MichaelHeinzman]

@FilipBoe @MichaelHeinzman I asked for a standalone test case 2+ years ago, it looks like no one is willing or able to provide it, so to me that means it’s either not important or not replicable.

I'll get one on Monday then.

[infinity289]

This happened to me as well. What i did to fix it is just to add a property called " imagePreviewDelay " and based on the user device (mobile/web) adjust the value. What worked for me is 200ms delay between image preview load for mobile and 50 for web. Minor "inconvenience" when adding multiple files but at least it works

try this fork: https://github.com/infinity289/filepond-plugin-image-preview
and change the imagePreviewDelay setting