Skip to content

Commit e964734

Browse files
jefersonestevojelbourn
authored andcommitted
fix(select): show focus indicator even with validation errors (#3743)
Fixes #3742
1 parent 220163e commit e964734

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

src/lib/select/_select-theme.scss

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
color: mat-color($primary);
1515
}
1616

17-
.mat-select.ng-invalid.ng-touched:not(.mat-select-disabled) & {
17+
.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) & {
1818
color: mat-color($warn);
1919
}
2020
}
@@ -26,7 +26,7 @@
2626
background-color: mat-color($primary);
2727
}
2828

29-
.mat-select.ng-invalid.ng-touched:not(.mat-select-disabled) & {
29+
.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) & {
3030
background-color: mat-color($warn);
3131
}
3232
}
@@ -38,7 +38,7 @@
3838
color: mat-color($primary);
3939
}
4040

41-
.mat-select.ng-invalid.ng-touched:not(.mat-select-disabled) & {
41+
.mat-select:not(:focus).ng-invalid.ng-touched:not(.mat-select-disabled) & {
4242
color: mat-color($warn);
4343
}
4444
}

0 commit comments

Comments
 (0)