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

adolgachev · adolgachev · commit c2552db838af · 2025-09-04T16:31:00.000-07:00
diff --git a/src/material/core/option/option.scss b/src/material/core/option/option.scss
@@ -49,6 +49,15 @@ $_side-padding: 16px;
         color: token-utils.slot(option-selected-state-label-text-color, $fallbacks);
       }
     }
+
+    &:hover.mdc-list-item {
+      background-color: token-utils.slot(option-hover-state-layer-color, $fallbacks);
+    }
+    
+    &:focus.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,15 @@ $_side-padding: 16px;`
`49`	`49`	`color: token-utils.slot(option-selected-state-label-text-color, $fallbacks);`
`50`	`50`	`}`
`51`	`51`	`}`
	`52`	`+`
	`53`	`+ &:hover.mdc-list-item {`
	`54`	`+ background-color: token-utils.slot(option-hover-state-layer-color, $fallbacks);`
	`55`	`+ }`
	`56`	`+`
	`57`	`+ &:focus.mdc-list-item,`
	`58`	`+ &.mat-mdc-option-active.mdc-list-item {`
	`59`	`+ background-color: token-utils.slot(option-focus-state-layer-color, $fallbacks);`
	`60`	`+ }`
`52`	`61`	`}`
`53`	`62`
`54`	`63`	`.mat-pseudo-checkbox {`