-
-
Notifications
You must be signed in to change notification settings - Fork 32.4k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[OutlinedInput] No highlighted border on input on mobile #43797
Comments
code working at platform |
Can I take over? I have a potential solution |
This issue has been closed. If you have a similar problem but not exactly the same, please open a new issue. Note We value your feedback @matthiasschwarz! How was your experience with our support team? |
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: