From bcf4c9f26b60ccd5aa5de089bed63049721bd38b Mon Sep 17 00:00:00 2001 From: Kristiyan Kostadinov Date: Wed, 1 Aug 2018 16:14:14 +0200 Subject: [PATCH] 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. --- src/lib/chips/chips.scss | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/lib/chips/chips.scss b/src/lib/chips/chips.scss index e8f64f303d6..235a078da4f 100644 --- 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,