[Select] Double clicking on item creates console warning
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Steps to reproduce
Steps:
- Go to https://mui.com/material-ui/react-select/
- Open the select menu.
- Double click on one of the options
Current behavior
A console message with a warning about accessibility shows up you double click an option in the select.
https://github.com/user-attachments/assets/6b8b3ebe-d220-4eab-a851-36f8b7a7dded
The message is:
Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden.
Element with focus: li
Ancestor with aria-hidden:
Expected behavior
No console message to be shown.
Context
No response
Your environment
The MUI documentation site in Chrome
Search keywords: accessibility select console warning message
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.