[material-ui][Autocomplete] Using limitTags prevents clicking buttons outside of autocomplete while autocomplete is focused
Open
Nobody has claimed this yet.
scope: autocomplete
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Steps to reproduce
Link to live example: issue is also in the MUI docs
Steps:
- Select options until there are more than limitTags options selected
- Try to click a button outside of the autocomplete (e.g. the 'expand code' button)
Current behavior
The autocomplete is unfocused, but the click on the button is ignored.
Expected behavior
The click is also propagated to the button.
Context
We have a form with an AutoComplete where we set limitTags to prevent the AutoComplete from growing indefinitely. When people make a change to the selection in the AutoComplete and immediately click our 'Save changes' button, the click is not propagated to the button and the changes are not saved.
Your environment
Tested on latest Chrome (linux and mac) and Firefox (linux).
Search keywords: Autocomplete limitTags
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.
Assessment
This issue has not been assessed yet.