[Feature] Option to place drop zone below upload items

[dominik-dietz-syzygy]

Is there an existing issue for this?

• I have searched the existing issues

Is your feature request related to a problem? Please describe.

By default, the drop label which serves as the trigger for the file input is located at the top - above the uploaded items (labelIdle option, "Drag & Drop your files [...]"). This is fine as long as newly added files are inserted below the drop label.

From a UX point of view though, it is sometimes more intuitive to have your uploads sorted in the order they are added (top to bottom) - which is fortunately possible by setting itemInsertLocation to "after". However, in this case the drop label remains at the top.
This becomes a bit bothersome when you have already uploaded some images and previews are enabled, since you have to scroll down to see the upload progress of your files and scroll back up in case you want to add more files.

Describe the solution you'd like

To address the behavior described above, it would be nice to be able to position the drop label at the bottom of the filepond wrapper/root - after the list of already uploaded items.

Due to the way styles appear to be set up (with a lot of position absolute), it is quite bothersome to manually try to position the drop label at the end by overwriting css classes.

An additional option similar to itemInsertLocation with the options "before" | "after" would be greatly appreciated. Perhaps called "labelIdleLocation" to keep it relatable to the labelIdle option for the label itself.

Describe alternatives you've considered

The only other solution I can think of right now would be to change the way positioning works, so that overwriting the styles through the classes described at https://pqina.nl/filepond/docs/api/style/ becomes easier. E. g. using flexbox with flex-direction column and providing an "order" style to the label in order (no pun intended) to place it last.

[rikschennink]

I'll look into this for v5. For v4 you could perhaps add a separate drop area below FilePond and then add files to FilePond when they're dropped?

[dominik-dietz-syzygy]

Hi, thanks for the response! That's a good idea, I'll have a look at it when I have some time!