fix(checkbox): ripple not hiding after click/touch (#13295)

devversion · vivian-hu-zz · commit afb035232def · 2018-10-04T10:06:59.000-07:00
* Currently if someone toggles the slide-toggle through mouse interaction, the persistent ripple will show up besides one transient ripple. The persistent ripple should only show up if the native checkbox element was focused through keyboard. Fixes #13291
diff --git a/src/lib/checkbox/checkbox.scss b/src/lib/checkbox/checkbox.scss
@@ -266,7 +266,7 @@ $_mat-checkbox-mark-stroke-size: 2 / 15 * $mat-checkbox-size !default;
     opacity: 0.04;
   }
 
-  .mat-checkbox.cdk-focused & {
+  .mat-checkbox.cdk-keyboard-focused & {
     opacity: 0.12;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -266,7 +266,7 @@ $_mat-checkbox-mark-stroke-size: 2 / 15 * $mat-checkbox-size !default;`
`266`	`266`	`opacity: 0.04;`
`267`	`267`	`}`
`268`	`268`
`269`		`- .mat-checkbox.cdk-focused & {`
	`269`	`+ .mat-checkbox.cdk-keyboard-focused & {`
`270`	`270`	`opacity: 0.12;`
`271`	`271`	`}`
`272`	`272`