Search code examples
google-chromepolymerpolymer-1.0paper-elements

paper-input autocomplete fails to fill


Polymer 1.0 Chrome 50.0.2661.102

I am trying to enable chrome autofill with paper input. When selecting either input the standard appropriate chrome autofill prompt list appears, however selecting an available name, or email from the list does not populate the input, it just closes the chrome autofill list.

   <paper-input
     id="email"
     name="email"
     label="Email"
     type="email"
     autocomplete="email"
   ></paper-input>
   <paper-input
     id="password"
     name="password"
     label="Password"
     type="password"
     autocomplete="current-password"
   ></paper-input>

Solution

  • Try wrapping your inputs in form tags without attributes. Like this:

    <form>
      <paper-input
         id="email"
         name="email"
         label="Email"
         type="email"
         autocomplete="email"
       ></paper-input>
       <paper-input
         id="password"
         name="password"
         label="Password"
         type="password"
         autocomplete="current-password"
       ></paper-input>
    </form>