[material-ui][Autocomplete] Improve editing experience of Autocomplete using the "multiple" option
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Summary
When an Autocomplete with multiple possible values already has a few options selected, it could end up with very limited space while typing to add a new option. It would be cool if the text input part could be rendered on a new line when overflow starts and/or when there's very limited space to type a query/value.
Examples
In the example you can see only 4 characters of input are visible.
Motivation
This is useful when writing complex values that prefer context of already written text.
P.S. My company has 10 pro licenses.
Search keywords: Autocomplete, multiple
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 Material UI Autocomplete component and its multiple-value examples; reproduce the constrained input case described in the issue. Review how selected options and the text input share space, then define and test the intended wrapping or new-line behavior when the available typing area becomes too small.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 42/100