themesberg / themesberg/flowbite
Dropzone drag and drop doesn't work on macOS
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
The drag and drop example in the official documentation does not work with macOS systems. Can't seem to make it work in my codebase either. Clicking to upload does work, drag and drop examples on other sites work fine for me.
To Reproduce
- Use a device running macOS
- Open Google Chrome
- Navigate to https://flowbite.com/docs/forms/file-input/#dropzone
- Try drag and dropping in the example
Expected behavior
For the dropzone to recognise that I dropped a file and for it to process that file.
Screenshots
Desktop (please complete the following information):
- OS: macOS
- Browser: Chrome
- Version: Version 131.0.6778.205 (Official Build) (x86_64)
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 with the drag-and-drop example at flowbite.com/docs/forms/file-input/#dropzone and reproduce the failure in Chrome on macOS. Trace the example's drop handling and verify that a dropped file is recognized and processed while click-to-upload continues to work.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- html, javascript, tailwindcss
- Domain
- frontend, web-dev
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100