[material-ui][Autocomplete] Not possible to apply focus-visible style to autocomplete border
Open
@ZeeshanTamboli is already working on this.
Since Mar 24, 2025.
scope: autocomplete
type: new feature
waiting for 👍
- Dominant language
- JavaScript
- Stars
- 99.1k
- Forks
- 32.5k
- Avg merge
- 2d 17h
- Merged PRs (30d)
- 106
Description
Steps to reproduce
Can be reproduced in provided example,
https://mui.com/material-ui/react-autocomplete/
Current behavior
There in no way to provide focus visible styling to the autocomplete sx props.
Based on the api documentation .Mui-focusVisible class is specified for applying focus-visible style however, that class is never getting applied to the component.
Expected behavior
using .Mui-focusVisible class should be possible.
Context
I would like to have different color to the autocomplete field when the use is focusing using keyboard.
Your environment
No response
Search keywords: Autocomplete
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.