mui / mui/material-ui

[material-ui][Autocomplete] Using limitTags prevents clicking buttons outside of autocomplete while autocomplete is focused

Open
#41,689 3 comments 0 reactions 1 assignee View on GitHub

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:

  1. Select options until there are more than limitTags options selected
  2. 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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.