fix(radio): only show focus ripple for keyboard focus

crisbeto · crisbeto · commit 9e53c63e05ea · 2018-12-11T23:00:01.000+01:00
After the switch to the latest Material Design spec, we started showing the focus ripple for all kinds of focus, however it's only supposed to be for keyboard focus. Fixes #13544.
diff --git a/src/lib/radio/radio.scss b/src/lib/radio/radio.scss
@@ -141,7 +141,9 @@ $mat-radio-ripple-radius: 20px;
     opacity: 0.04;
   }
 
-  .mat-radio-button.cdk-focused & {
+  // TODO(crisbeto): this is supposed to be for `cdk-program-focused` as well,
+  // however the focus monitor doesn't pick up clicking on label correctly.
+  .mat-radio-button.cdk-keyboard-focused & {
     opacity: 0.12;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -141,7 +141,9 @@ $mat-radio-ripple-radius: 20px;`
`141`	`141`	`opacity: 0.04;`
`142`	`142`	`}`
`143`	`143`
`144`		`- .mat-radio-button.cdk-focused & {`
	`144`	+ // TODO(crisbeto): this is supposed to be for `cdk-program-focused` as well,
	`145`	`+ // however the focus monitor doesn't pick up clicking on label correctly.`
	`146`	`+ .mat-radio-button.cdk-keyboard-focused & {`
`145`	`147`	`opacity: 0.12;`
`146`	`148`	`}`
`147`	`149`