title: Angular 2 Material input focus not working
body: <p>The inputs are inside of a modal dialog. I have no idea why it is not working. I looked at the official docs and it listed focus as something you can pass to the element but it's not working?</p>
  
  <p>Does anyone know why?</p>
  
  <p><a href="https://material.angular.io/components/component/input" rel="noreferrer">Angular Material - Input Docs</a></p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;form class="example-form"&gt;
  
    &lt;md-input-container class="example-full-width" style="width: 300px; padding: 5px; border-radius: 10px;"&gt;
      &lt;input mdInput type="email" name="to" placeholder="Email"&gt;
      &lt;md-error&gt;&lt;/md-error&gt;
    &lt;/md-input-container&gt;
  
    &lt;md-input-container focus focused&gt;
      &lt;input mdInput type="text" name="a" placeholder="zzzz" focus focused (focus)=""&gt;
    &lt;/md-input-container&gt;
  
  &lt;/form&gt;
  </code></pre>