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

Fixes #3742
angular · Mar 27, 2017 · e964734 · e964734
1 parent 220163e
commit e964734
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);
     }
   }