UFileUpload: Add support for a full‑page dropzone
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 6.9k
- Forks
- 1.1k
- Avg merge
- 1d 7h
- Merged PRs (30d)
- 57
Description
Package
v4.x
Description
Right now the dropzone in nuxt/ui only works inside the FileUpload component. It would be extremely useful to have an option that turns it into a full‑page dropzone, so users can drop files anywhere on the screen, not just inside the component itself.
This kind of behavior is common in tools where uploading files is a frequent action. For example, in Jira, when you drag a file over the page, the entire viewport becomes an active dropzone. You don’t need to scroll to the attachments section or aim at a specific component you can simply drop the file anywhere, and Jira handles it.
Additional context
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the UFileUpload/FileUpload component in nuxt/ui and trace how its current dropzone handles drag-and-drop events. Define the full-page option so the viewport becomes an active drop target while dragging, then verify that files dropped anywhere on the page are handled by the component without changing the existing behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- nuxtjs, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 42/100