Skip to content

Commit 8cb46a9

Browse files
crisbetoannieyw
authored andcommitted
fix(material-experimental/mdc-slide-toggle): hide native focus outline (#20964)
Hides the native focus outline from the slide toggle since we use the ripple for focus indication. (cherry picked from commit b6872b4)
1 parent acd8e74 commit 8cb46a9

File tree

1 file changed

+3
-0
lines changed

1 file changed

+3
-0
lines changed

src/material-experimental/mdc-slide-toggle/slide-toggle.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -13,6 +13,9 @@
1313
.mat-mdc-slide-toggle {
1414
display: inline-block;
1515

16+
// Remove the native outline since we use the ripple for focus indication.
17+
outline: 0;
18+
1619
// The ripple needs extra specificity so the base ripple styling doesn't override its `position`.
1720
.mat-mdc-slide-toggle-ripple, .mdc-switch__thumb-underlay::after {
1821
@include mat-fill;

0 commit comments

Comments
 (0)