fix(select): show focus indicator even with validation errors

Fixes angular#3742
jefersonestevo · Mar 23, 2017 · c0648f4 · c0648f4
1 parent c524438
commit c0648f4
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/lib/select/_select-theme.scss b/src/lib/select/_select-theme.scss
@@ -14,7 +14,7 @@
       color: mat-color($primary);
     }
 
-    .mat-select.ng-invalid.ng-touched:not(.mat-select-disabled) & {
+    .mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) & {
       color: mat-color($warn);
     }
   }
@@ -26,7 +26,7 @@
       background-color: mat-color($primary);
     }
 
-    .mat-select.ng-invalid.ng-touched:not(.mat-select-disabled) & {
+    .mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) & {
       background-color: mat-color($warn);
     }
   }
@@ -38,7 +38,7 @@
       color: mat-color($primary);
     }
 
-    .mat-select.ng-invalid.ng-touched:not(.mat-select-disabled) & {
+    .mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) & {
       color: mat-color($warn);
     }
   }