Description
Users should be able to drag files from their desktop or file manager directly into the cloud view to upload them, instead of always having to use the file picker button.
Current Behavior
Drag & drop is already implemented for moving files and folders within the cloud storage. However, dropping files from outside the browser (desktop/OS) does nothing — there are no drop or dragover handlers for external file uploads.
Expected Behavior
- Dragging a file from the desktop over the cloud view shows a visual drop zone
- Dropping the file triggers an upload to the current folder
Implementation Notes
- Add
dragover and drop event listeners to the file list container
- Prevent default browser behavior on
dragover
- On
drop, read event.dataTransfer.files and pass each file to the existing upload method
- Add visual feedback (e.g. highlight border) while dragging over the drop zone
Description
Users should be able to drag files from their desktop or file manager directly into the cloud view to upload them, instead of always having to use the file picker button.
Current Behavior
Drag & drop is already implemented for moving files and folders within the cloud storage. However, dropping files from outside the browser (desktop/OS) does nothing — there are no
dropordragoverhandlers for external file uploads.Expected Behavior
Implementation Notes
dragoveranddropevent listeners to the file list containerdragoverdrop, readevent.dataTransfer.filesand pass each file to the existing upload method