Chrome autofill with MDL for type="password"
<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>