title: Angular material form field inside material radio button doesn't trigger radio button
body: <p>When I have a <code>form field</code> within a <code>radio button</code>, the radio button does not get selected when clicking on the form field. 
  It does get selected if I click within the area of the radio button but outside of the form field.</p>
  
  <p>When I click on the form field, I can see the animation of the radio button is selected but not actually being selected.</p>
  
  <p>Simplified Code:</p>
  
  <pre><code>&lt;mat-radio-button&gt;
    &lt;mat-form-field&gt;
      &lt;input matInput&gt;
    &lt;/mat-form-field&gt;
  &lt;/mat-radio-button&gt;
  </code></pre>
  
  <p>How do I get the radio button to be selected once the user clicks on the field?</p>
  
  <p>-EDIT-</p>
  
  <p>The <code>mat-form-field</code> is mandatory. Or is there a better way of having the radio button being auto selected once the user clicks on the field?</p>