fix(material/select): ensure proper highlighting on selection

adolgachev · adolgachev · commit a701a6ced162 · 2025-08-26T21:49:11.000-07:00
fix
diff --git a/src/material/core/option/option.scss b/src/material/core/option/option.scss
@@ -49,6 +49,12 @@ $_side-padding: 16px;
         color: token-utils.slot(option-selected-state-label-text-color, $fallbacks);
       }
     }
+
+    &:focus.mdc-list-item,
+    &:hover.mdc-list-item,
+    &.mat-mdc-option-active.mdc-list-item {
+      background-color: token-utils.slot(option-focus-state-layer-color, $fallbacks);
+    }
   }
 
   .mat-pseudo-checkbox {

Original file line number	Diff line number	Diff line change
`@@ -49,6 +49,12 @@ $_side-padding: 16px;`
`49`	`49`	`color: token-utils.slot(option-selected-state-label-text-color, $fallbacks);`
`50`	`50`	`}`
`51`	`51`	`}`
	`52`	`+`
	`53`	`+ &:focus.mdc-list-item,`
	`54`	`+ &:hover.mdc-list-item,`
	`55`	`+ &.mat-mdc-option-active.mdc-list-item {`
	`56`	`+ background-color: token-utils.slot(option-focus-state-layer-color, $fallbacks);`
	`57`	`+ }`
`52`	`58`	`}`
`53`	`59`
`54`	`60`	`.mat-pseudo-checkbox {`