fix(radio): show ripple on programmatic focus (#16512)

stevenyxu · andrewseguin · commit a243ef9aa147 · 2019-08-26T11:22:03.000-07:00
At least Windows/NVDA+JAWS can send focus to mat-radio-button without being detected through the keyboard focused handler. We should still show the same focused style in this case. (cherry picked from commit f2cbade)
diff --git a/src/material/radio/radio.scss b/src/material/radio/radio.scss
@@ -153,7 +153,8 @@ $mat-radio-ripple-radius: 20px;
     opacity: 0.04;
   }
 
-  .mat-radio-button:not(.mat-radio-disabled).cdk-keyboard-focused & {
+  .mat-radio-button:not(.mat-radio-disabled).cdk-keyboard-focused &,
+  .mat-radio-button:not(.mat-radio-disabled).cdk-program-focused & {
     opacity: 0.12;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -153,7 +153,8 @@ $mat-radio-ripple-radius: 20px;`
`153`	`153`	`opacity: 0.04;`
`154`	`154`	`}`
`155`	`155`
`156`		`- .mat-radio-button:not(.mat-radio-disabled).cdk-keyboard-focused & {`
	`156`	`+ .mat-radio-button:not(.mat-radio-disabled).cdk-keyboard-focused &,`
	`157`	`+ .mat-radio-button:not(.mat-radio-disabled).cdk-program-focused & {`
`157`	`158`	`opacity: 0.12;`
`158`	`159`	`}`
`159`	`160`