pqina / filepond-plugin-image-preview

🖼 Show a preview for images dropped on FilePond
https://pqina.nl/filepond
MIT License
47 stars 27 forks source link

Image preview crash browser while scrolling on an iPhone #60

Open lam0819 opened 2 years ago

lam0819 commented 2 years ago

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 commented 2 years ago

Hi, can you post your filepond configuration?

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

lam0819 commented 2 years ago

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 commented 2 weeks ago

Any updates here?

MichaelHeinzman commented 2 weeks ago

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

rikschennink commented 2 weeks ago

@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 commented 2 weeks ago

@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.