fix(tabs): disable focus overlay for touch focus (#12249)

crisbeto · jelbourn · commit d3af44137ae1 · 2018-08-29T16:18:56.000-07:00
Doesn't show the tab's focus indication if it was focused by anything, other than keyboard or programmatically. Fixes #12247.
diff --git a/src/lib/tabs/_tabs-theme.scss b/src/lib/tabs/_tabs-theme.scss
@@ -85,8 +85,11 @@
 @mixin _mat-tab-label-focus($tab-focus-color) {
   .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);
+    &.cdk-keyboard-focused,
+    &.cdk-program-focused {
+      &:not(.mat-tab-disabled) {
+        background-color: mat-color($tab-focus-color, lighter, 0.3);
+      }
     }
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -85,8 +85,11 @@`
`85`	`85`	`@mixin _mat-tab-label-focus($tab-focus-color) {`
`86`	`86`	`.mat-tab-label,`
`87`	`87`	`.mat-tab-link {`
`88`		`- &.cdk-focused:not(.cdk-mouse-focused):not(.mat-tab-disabled) {`
`89`		`- background-color: mat-color($tab-focus-color, lighter, 0.3);`
	`88`	`+ &.cdk-keyboard-focused,`
	`89`	`+ &.cdk-program-focused {`
	`90`	`+ &:not(.mat-tab-disabled) {`
	`91`	`+ background-color: mat-color($tab-focus-color, lighter, 0.3);`
	`92`	`+ }`
`90`	`93`	`}`
`91`	`94`	`}`
`92`	`95`	`}`