[OutlinedInput] No highlighted border on input on mobile #43797
Labels
bug 🐛
Something doesn't work
component: input
This is the name of the generic UI component, not the React module!
priority: important
This change can make a difference
regression
A bug, but worse
v6.x
Steps to reproduce
Link to live example: Example
Steps:
Current behavior
The border of the input field is not highlighted.
Expected behavior
The border of the input field is highlighted since this is the behaviour on desktop and @mui/material versions below 6.
Context
The user expects a visible clue on the border of a focused outlined input during input.
This issue seems be caused by a change of the style rule order introduced in @mui/material since version 6. The
@media (hover: none)
currently takes priority and removes the highlighting of the border. ReferenceYour environment
No response
Search keywords: @mui/material, OutlinedInput, Border, Focus, Mobile
The text was updated successfully, but these errors were encountered: