title: Chrome autofill with MDL for type="password"
body: <p>I'm currently working on my website with the MDL (Material Design Lite) from google and I have a little problem.</p>
  
  <p><a href="https://i.stack.imgur.com/Kx4Sr.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Kx4Sr.png" alt="enter image description here"></a></p>
  
  <p>As you can see, the stars are in the good place but the password stay here (he is moving after any click or press on the keyboard)</p>
  
  <p>My code is really simple : </p>
  
  <pre><code>&lt;div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"&gt;
      &lt;input class="mdl-textfield__input" type="text" name="mail"&gt;
      &lt;label class="mdl-textfield__label"&gt;Adresse Email&lt;/label&gt;
  &lt;/div&gt;
  &lt;div class="mdl-textfield mdl-js-textfield mdl-textfield--floating-label"&gt;
      &lt;input id="test" class="mdl-textfield__input" type="password" name="password"&gt;
      &lt;label class="mdl-textfield__label"&gt;Password&lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The code is usual and basic. Problem is, in MDL (Link here : <a href="https://www.getmdl.io/components/index.html#textfields-section" rel="noreferrer">https://www.getmdl.io/components/index.html#textfields-section</a>) there is nothing for password type, so I always got the problem from before.</p>
  
  <p>I want to keep the chrome autofill for my client so disabled it is not a option. Is there any way to change this problem ? </p>
  
  <p>Thank's !</p>