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

crisbeto · crisbeto · commit 95b54447a366 · 2018-12-09T10:33:37.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
@@ -142,7 +142,9 @@ $mat-radio-ripple-radius: 20px;
     opacity: 0.04;
   }
 
-  .mat-radio-button:not(.mat-radio-disabled).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:not(.mat-radio-disabled).cdk-keyboard-focused & {
     opacity: 0.12;
   }
 

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