title: Vuetify input autocomplete bug
body: <p>I tried to google it a couple of times but got no luck, basically, when the page loads since the password is on autosave the v-text-field doesn't understand it and renders the password content in front of the label, is there any workaround or fix for that?</p>
  <p>Here is a ss:</p>
  <p><a href="https://i.stack.imgur.com/RtemT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RtemT.png" alt="enter image description here" /></a></p>
  <p>The login component:</p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
      &lt;v-card class=&quot;elevation-12&quot;&gt;
        &lt;v-toolbar color=&quot;primary&quot; dark flat&gt;
          &lt;v-toolbar-title&gt;Login&lt;/v-toolbar-title&gt;
        &lt;/v-toolbar&gt;
        &lt;v-card-text&gt;
          &lt;v-form&gt;
            &lt;v-text-field
              label=&quot;E-mail&quot;
              name=&quot;email&quot;
              type=&quot;text&quot;
              :rules=&quot;emailRules&quot;
              :autofocus=&quot;'autofocus'&quot;
            &gt;&lt;/v-text-field&gt;
            &lt;v-text-field
              id=&quot;password&quot;
              label=&quot;Senha&quot;
              name=&quot;password&quot;
              type=&quot;password&quot;
            &gt;&lt;/v-text-field&gt;
          &lt;/v-form&gt;
        &lt;/v-card-text&gt;
        &lt;v-card-actions&gt;
          &lt;v-spacer&gt;&lt;/v-spacer&gt;
          &lt;v-btn color=&quot;primary&quot; block&gt;Logar&lt;/v-btn&gt;
        &lt;/v-card-actions&gt;
      &lt;/v-card&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      name: &quot;LoginForm&quot;,
      data: () =&gt; ({
        valid: true,
        email: '',
        password:'',
        emailRules: [
          v =&gt; !!v || 'Digite um e-mail',
          v =&gt; /.+@.+\..+/.test(v) || 'O e-mail precisa ser válido.',
        ]
      })
    }
  &lt;/script&gt;
  
  &lt;style lang=&quot;scss&quot;&gt;
  @import &quot;LoginForm.scss&quot;;
  &lt;/style&gt;
  </code></pre>
  <p>The place where I use the login component:</p>
  <pre><code> &lt;template&gt;
    &lt;v-content&gt;
      &lt;v-container fluid fill-height&gt;
        &lt;v-layout align-center justify-center&gt;
          &lt;v-flex xs12 sm8 md4&gt;
            &lt;LoginForm&gt;&lt;/LoginForm&gt;
          &lt;/v-flex&gt;
        &lt;/v-layout&gt;
      &lt;/v-container&gt;
    &lt;/v-content&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  import LoginForm from &quot;../components/login/LoginForm&quot;;
  import Logo from '~/components/Logo.vue'
  import VuetifyLogo from '~/components/VuetifyLogo.vue'
  
  export default {
    name: 'Index',
    components: {
      LoginForm,
      Logo,
      VuetifyLogo
    },
    data: () =&gt; ({
    }),
  }
  &lt;/script&gt;
  </code></pre>