diff --git a/src/lib/tabs/BUILD.bazel b/src/lib/tabs/BUILD.bazel index 126494324b8f..bf16124ebf19 100644 --- a/src/lib/tabs/BUILD.bazel +++ b/src/lib/tabs/BUILD.bazel @@ -20,6 +20,7 @@ ng_module( "//src/cdk/observers", "//src/cdk/portal", "//src/cdk/scrolling", + "//src/cdk/a11y", "@rxjs", ], tsconfig = "//src/lib:tsconfig-build.json", diff --git a/src/lib/tabs/_tabs-theme.scss b/src/lib/tabs/_tabs-theme.scss index 1c2a0d65aeb9..7b8648a02b91 100644 --- a/src/lib/tabs/_tabs-theme.scss +++ b/src/lib/tabs/_tabs-theme.scss @@ -83,9 +83,11 @@ } @mixin _mat-tab-label-focus($tab-focus-color) { - .mat-tab-label:not(.mat-tab-disabled):focus, - .mat-tab-link:not(.mat-tab-disabled):focus { - background-color: mat-color($tab-focus-color, lighter, 0.3); + .mat-tab-label, + .mat-tab-link { + &.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) { + background-color: mat-color($tab-focus-color, lighter, 0.3); + } } } diff --git a/src/lib/tabs/tab-group.html b/src/lib/tabs/tab-group.html index 9a9148f89061..e572c7029a04 100644 --- a/src/lib/tabs/tab-group.html +++ b/src/lib/tabs/tab-group.html @@ -3,7 +3,7 @@ [disableRipple]="disableRipple" (indexFocused)="_focusChanged($event)" (selectFocusedIndex)="selectedIndex = $event"> -