-
-
Notifications
You must be signed in to change notification settings - Fork 31.8k
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
[core] Remove useIsFocusVisible util #42467
base: next
Are you sure you want to change the base?
Conversation
Netlify deploy previewhttps://deploy-preview-42467--material-ui.netlify.app/ Link: parsed: -2.54% 😍, gzip: -2.80% 😍 Bundle size reportDetails of bundle changes (Toolpad) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Just a precaution, have you tested that all these components behave identically once moving to use the :focus-visible
pseudo selector in the oldest browsers we support? Just to make sure there won't introduce some subtle breaking changes with this.
I tested all browsers, both minimally supported and latest versions. The only thing "not working" is the Link's focus visible in Firefox 115, but that's not working on This is ready for review 😊 |
Part of #40958
As
:focus-visible
is now supported in all our supported browsers (reference), we can remove this utility and rely completely on:focus-visible
.This is an intermediate step: ideally, we would use the
:focus-visible
pseudo-selector directly, but that would mean removing thefocusVisible
classes and refactoring many components.