Allow to drop files on the whole file list to upload using drag and drop

Context:

• Drag and drop is - since Nextcloud 28 with the Vue migration - possible on the "drop zone".
• With Nextcloud 31 the same is also valid for public shares.

Design enhancement for UX: Instead of forcing users to exactly drop onto the drop zone, the whole file list should be the drop zone.
Meaning:

• Also dropping on empty space shall upload a file to the current folder.
• Dropping on a folder should upload to that folder
• Dropping onto a file should be the same as dropping on empty space: Upload to current folder

Please use the 👍 reaction to show that you also would like to see this feature. Please don't comment if you have no relevant information to add!

Original report

Bug description

Tried on c.nc.com (Hub4)

drag&drop only works if the user drops the files directly on the upload button

Steps to reproduce

1. create a file drop link
2. open the file drop link
3. try to upload a file via drag&drop

(tested with Firefox 111.0.1 on Linux in case the browser makes a difference)

Expected behavior

I would expect that I can drop the files everywhere on the window and it will be uploaded. Currently it only works if I drop the file directly on the upload button.

-

Start by tracing the existing drag-and-drop entry point for the file list and the current drop zone, including the public-share flow described in the issue. Verify the three checklist behaviors: empty space and files upload to the current folder, while folders receive the upload; add or update the relevant frontend coverage if present.