Skip to content

Commit bea52b6

Browse files
crisbetojelbourn
authored andcommitted
fix(chips): focus indication not visible in high contrast mode (#12431)
Fixes not being able to tell which chip is focused in high contrast mode.
1 parent 17429d4 commit bea52b6

File tree

1 file changed

+5
-0
lines changed

1 file changed

+5
-0
lines changed

src/lib/chips/chips.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,11 @@ $mat-chip-remove-size: 18px;
4747

4848
@include cdk-high-contrast {
4949
outline: solid 1px;
50+
51+
&:focus {
52+
// Use 2px here since the dotted outline is a little thinner.
53+
outline: dotted 2px;
54+
}
5055
}
5156

5257
&.mat-chip-with-trailing-icon.mat-chip-with-avatar,

0 commit comments

Comments
 (0)