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

[schiessle]

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.

Installation method

None

Nextcloud Server version

26

Operating system

None

PHP engine version

None

Web server

None

Database engine version

None

Is this bug present after an update or on a fresh install?

None

Are you using the Nextcloud Server Encryption module?

None

What user-backends are you using?

• Default user-backend (database)
• LDAP/ Active Directory
• SSO - SAML
• Other

Configuration report

No response

List of activated Apps

-

Nextcloud Signing status

No response

Nextcloud Logs

No response

Additional info

No response