Skip to content

Commit 1d97b62

Browse files
committed
fix(material-experimental/slide-toggle): fix focus indictor position (#19551)
1 parent 1e280b5 commit 1d97b62

File tree

1 file changed

+8
-0
lines changed

1 file changed

+8
-0
lines changed

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

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -23,6 +23,14 @@
2323
pointer-events: none;
2424
}
2525

26+
// The thumb-underlay element has `mat-mdc-focus-indicator` which sets
27+
// a relative position. This element must have absolute positioning. This
28+
// has increased specificity than the style set in MDC to guarantee that
29+
// it will be absolutely positioned.
30+
.mdc-switch__thumb-underlay {
31+
position: absolute;
32+
}
33+
2634
// The MDC switch styles related to the hover state are intertwined with the MDC ripple styles.
2735
// We currently don't use the MDC ripple due to size concerns, therefore we need to add some
2836
// additional styles to restore the hover state.

0 commit comments

Comments
 (0)