filepond icon indicating copy to clipboard operation
filepond copied to clipboard

Published 20 hours ago • verified publisher icon pqina

[Bug] Can't scroll over filepond container on mobile when allowReorder is enabled

Open alex-bntz opened this issue 3 years ago • 4 comments

Is there an existing issue for this?

  • [X] I have searched the existing issues

Have you updated FilePond and its plugins?

  • [X] I have updated FilePond and its plugins

Describe the bug

The the option allowReorder is enabled, you can't swipe up/down on mobile. the moment you touch the screen in the area, filepond will attempt to "grab" the image.

If you have filepond full width on mobile and select many photos that cover the most part of the screen, you are then unable to scroll up/down the page.

Tested on vanilla Js and jQuery.

Reproduction

Any basic implementation of filepond with allowReorder and the preview plugin (to take up more space) should do. Reproducible even on latest desktop chrome on mobile view via devtools.

Environment

- Device: Desktop / Samsung Galaxy A40
- OS: Windows 11 / Android 11
- Browser: Brave (Chromium 106.0.5) / Firefox Focus

alex-bntz avatar Oct 16 '22 21:10 alex-bntz

Any update on this one?

alex-bntz avatar Feb 15 '23 20:02 alex-bntz

No really, I'd just not make it full-width on mobile for now.

I'm working on v5 in which I hope to address most of the current open issues.

rikschennink avatar Feb 16 '23 07:02 rikschennink

@rikschennink FilePond v5 will be backward compatible?

mrkazmierczak avatar Feb 16 '23 08:02 mrkazmierczak

It's a major version change so no there will be breaking changes.

I plan to release some sort of proxy wrapper to make switching from 4 to 5 easier.

rikschennink avatar Feb 16 '23 08:02 rikschennink