themesberg / themesberg/flowbite
File Input - dropzone not working
Nobody has claimed this yet.
- Dominant language
- HTML
- Stars
- 9.4k
- Forks
- 862
- PR merge metrics
- No merged PRs in 30d
Description
Describe the bug
I cannot properly use the dropzone functionality on this page:
https://flowbite.com/docs/forms/file-input/#dropzone
I can select a file by clicking on the dropzone, but I cannot select a file by 'dropping' a file into the dropzone. This also doesn't work when I try it locally on my dev environment.
To Reproduce
Steps to reproduce the behavior:
- Go to https://flowbite.com/docs/forms/file-input/#dropzone
- Try to drag a file into the dropzone
- Nothing happens (or the image gets opened in a new window)
Expected behavior
It should be possible to drop a file in the dropzone.
Desktop (please complete the following information):
- OS: Mac 12.6
- Browser: both Chrome (109.0.5414.119) and Safari (15.6.1)
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 by reproducing the dropzone at https://flowbite.com/docs/forms/file-input/#dropzone in Chrome and Safari, then inspect the component implementation used by that page. Verify that dragging a file onto the dropzone triggers file selection rather than opening the file in a new window, and confirm that clicking to select still works.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html, javascript, tailwindcss
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100