themesberg / themesberg/flowbite
When drag and drop used, elements are selected with mouse
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
When attempting to drag and drop items in the Kanban board on the Flowbite demo page, UI elements are unintentionally being selected, disrupting the intended drag-and-drop functionality
To Reproduce
Steps to reproduce the behavior:
- Go to https://flowbite.com/application-ui/demo/kanban/
- Drag and drop one item
- See unwanted selected items
Expected behavior
The item should be smoothly dragged and dropped to the desired column without any interference or additional elements being selected.
Screenshots
Desktop (please complete the following information):
- OS: Ubuntu 24.04, macOS 14.6.1
- Browser: Chrome
- Version [e.g. 22]
Smartphone (please complete the following information):
- Device: [e.g. iPhone6]
- OS: [e.g. iOS8.1]
- Browser [e.g. stock browser, safari]
- Version: N/A
Additional context
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 selection behavior on the linked Kanban demo page in Chrome while dragging an item between columns. Trace the demo's drag-and-drop entry point and identify the interaction that causes text or UI elements to become selected; done means items move between columns without unwanted selection.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- 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