-
Notifications
You must be signed in to change notification settings - Fork 6.8k
fix(slide-toggle): no focus indication in high-contrast mode #13287
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
fix(slide-toggle): no focus indication in high-contrast mode #13287
Conversation
devversion
commented
Sep 24, 2018
- Fixes that the slide-toggle does not have any visible focus indication in high contrast mode.
// because otherwise the opaque thumb element will hide the outline. | ||
.mat-slide-toggle.cdk-keyboard-focused & { | ||
outline: 1px dotted; | ||
outline-offset: ($mat-slide-toggle-height - $mat-slide-toggle-bar-height) / 2; |
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.
Based on MDN, outline-offset
isn't supported on IE. Can we add it on another element?
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.
Tested out without the outline-offset
and it also looks acceptable. LGTM.
d279662
to
a17caa2
Compare
Hi @devversion! This PR has merge conflicts due to recent upstream merges. |
a17caa2
to
30dd524
Compare
* Fixes that the slide-toggle does not have any visible focus indication in high contrast mode.
30dd524
to
ce14c07
Compare
* Fixes that the slide-toggle does not have any visible focus indication in high contrast mode.
This issue has been automatically locked due to inactivity. Read more about our automatic conversation locking policy. This action has been performed automatically by a bot. |