Skip to content

Commit 9a4adb7

Browse files
authored
fix(material-experimental/mdc-core): set up strong focus indication for MDC-based option (#20354)
The MDC-based `mat-option` had the proper strong focus indicator class, but the styles weren't implemented.
1 parent ac2d385 commit 9a4adb7

File tree

1 file changed

+4
-1
lines changed

1 file changed

+4
-1
lines changed

src/material-experimental/mdc-helpers/_focus-indicators.scss

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -73,9 +73,12 @@
7373
.mat-mdc-slide-toggle-focused .mat-mdc-focus-indicator::before,
7474
.mat-mdc-radio-button.cdk-focused .mat-mdc-focus-indicator::before,
7575

76-
// For buttons, render the focus indicator when the parent button is focused.
76+
// For buttons, render the focus indicator when the parent button is focused.
7777
.mat-mdc-button-base:focus .mat-mdc-focus-indicator::before,
7878

79+
// For options, render the focus indicator when the class .mat-mdc-option-active is present.
80+
.mat-mdc-focus-indicator.mat-mdc-option-active::before,
81+
7982
// For all other components, render the focus indicator on focus.
8083
.mat-mdc-focus-indicator:focus::before {
8184
content: '';

0 commit comments

Comments
 (0)