[autocomplete] How to drag & drop Chips?
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Duplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Summary 💡
I'd like to be able to sort the autocomplete chips.
I've tried using react-dnd in the renderTags method but there seems to be an issue.
Do you have any plan supporting this feature? Any advise otherwise?
Examples 🌈
A working example found on the net using Angular: https://stackblitz.com/edit/autocomplete-chips-drag-drop
Motivation 🔦
The autocomplete is used to select a list of ordered values (e.g., a list of sorting operations to perform in a given order ).
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 autocomplete component's renderTags entry point and reproduce the reported limitation with react-dnd. Review the linked Angular drag-and-drop example for the expected chip-sorting behavior. Done means the autocomplete supports sorting its selected chips in a documented, working way.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100