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.
angular · Aug 7, 2018 · 3652707 · 3652707
1 parent 212bd0b
commit 3652707
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/lib/chips/chips.scss b/src/lib/chips/chips.scss
@@ -47,6 +47,11 @@ $mat-chip-remove-size: 18px;
 
   @include cdk-high-contrast {
     outline: solid 1px;
+
+    &:focus {
+      // Use 2px here since the dotted outline is a little thinner.
+      outline: dotted 2px;
+    }
   }
 
   &.mat-chip-with-trailing-icon.mat-chip-with-avatar,