fix(autocomplete): show hover style on selected options

angular · May 22, 2017 · 1b3e02c · 1b3e02c
1 parent e2f67f5
commit 1b3e02c
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/lib/autocomplete/_autocomplete-theme.scss b/src/lib/autocomplete/_autocomplete-theme.scss
@@ -9,7 +9,11 @@
     color: mat-color($foreground, text);
 
     .mat-option {
-      &.mat-selected:not(.mat-active) {
+      // We only want to override the background for selected
+      // options if they are *not* in hover or focus state. This
+      // change has to be made here because base option styles
+      // are shared between the autocomplete and the select.
+      &.mat-selected:not(.mat-active):not(:hover) {
         background: mat-color($background, card);
         color: mat-color($foreground, text);
       }