RadioButton not selected when clicking on the row (width: 100%)

[NBAMj]

What is the expected behavior?

Clicking on the row should select the radio button when row width: 100%

Check the img below

What is the current behavior?

Clicking anywhere on the row does not select the radio button. However, it ads the class cdk-focused and cdk-touch-focused

What are the steps to reproduce?

Angular Material Docs: https://material.angular.io/components/radio/examples

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

7.2.1

Is there anything else we should know?

Adding full width on the encapsulated label should do the job.
I can add a PR if it's accepted.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}