From c0648f42e2e6fbe4ea328c5e930352be6f731e82 Mon Sep 17 00:00:00 2001 From: Jeferson Estevo Date: Thu, 23 Mar 2017 16:00:27 -0300 Subject: [PATCH] fix(select): show focus indicator even with validation errors Fixes #3742 --- src/lib/select/_select-theme.scss | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/lib/select/_select-theme.scss b/src/lib/select/_select-theme.scss index 3b009f5306ba..09e7849932e6 100644 --- 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); } }