Skip to content

Commit f953e89

Browse files
committed
fix(material/select): ensure proper highlighting on selection
1 parent 5b40271 commit f953e89

File tree

1 file changed

+6
-0
lines changed

1 file changed

+6
-0
lines changed

src/material/core/option/option.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,7 @@
66
@use '../style/layout-common';
77

88
$fallbacks: m3-option.get-tokens();
9+
$list-fallbacks: m3-list.get-tokens();
910

1011
$_side-padding: 16px;
1112

@@ -40,6 +41,11 @@ $_side-padding: 16px;
4041
outline: 0;
4142
}
4243

44+
&.mat-mdc-option-active.mdc-list-item::before {
45+
background-color: token-utils.slot(list-list-item-focus-state-layer-color, $list-fallbacks);
46+
opacity: token-utils.slot(list-list-item-focus-state-layer-opacity, $list-fallbacks);
47+
}
48+
4349
&.mdc-list-item--selected:not(.mdc-list-item--disabled) {
4450
// We don't change the background & text color in multiple mode since
4551
// it has the checkbox to show the selected state.

0 commit comments

Comments
 (0)