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

* 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
angular · Oct 4, 2018 · afb0352 · afb0352
1 parent 3583913
commit afb0352
Showing 1 changed file with 1 addition and 1 deletion.
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;
   }