From 345b844477e66f4f569d6a2ef6855014656eb35d Mon Sep 17 00:00:00 2001 From: MPopov Date: Wed, 9 Oct 2019 16:18:37 +0300 Subject: [PATCH] fix(chip): Remove CSS "focus-within" since it is NOT supported by IE11 and Edge 18 Closes 5722 Signed-off-by: MPopov --- .../styles/components/chip/_chip-component.scss | 3 +-- .../core/styles/components/chip/_chip-theme.scss | 15 +++++++++++++-- 2 files changed, 14 insertions(+), 4 deletions(-) diff --git a/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-component.scss b/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-component.scss index f27ca101f83..9abb087f1be 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-component.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-component.scss @@ -23,8 +23,7 @@ @extend %igx-chip__item--hover !optional; } - &:focus, - &:focus-within { + &:focus { @extend %igx-chip__item--focus !optional; } } diff --git a/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss b/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss index b546b1b2240..b45639fda32 100644 --- a/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss +++ b/projects/igniteui-angular/src/lib/core/styles/components/chip/_chip-theme.scss @@ -402,9 +402,20 @@ display: none; } - &:focus-within { + // FIX IE11 and Edge focus styles. + // [focus-within] is not supported by IE & Edge. + &:focus { outline-style: none; - color: igx-color(map-get($theme, 'palette'), error); + + igx-icon { + color: igx-color(map-get($theme, 'palette'), error); + } + } + + igx-icon { + &:focus{ + outline-style: none; + } } [dir='rtl'] & {