fix(select): unable to toggle multi select option after using the mouse #11061
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Handles the following use case:
The issue comes from the fact that usually we manage keyboard events by keeping focus on the select trigger and managing the selection using
aria-activedescendant
. In this case, when the user clicks on a option, focus is moved to it which causes the select's keyboard handling to clash with the one that comes frommat-option
, causing it to select and then deselect the option quickly. These changes restore focus back to the select trigger when an option is toggled.