Form label animation does not fire on password fields when form is auto filled by the browser.

[joearcher]

Affecting Linux Chrome Version 40.0.2214.93 (64-bit), Firefox 35.0.1 (64bit)

[zippoxer]

I experience this too when dynamically creating a text input (not just password) with a value.

[Dogfalo]

Can you post code, we can't debug it either wise.

[quangv]

i have this problem too, on Chrome 42.0.2311.90 (64-bit) OSX

when you "save password", then go to the login form again.

my HTML here: https://jsfiddle.net/uop5rqd7/

for some reason the label for the email field "moves out of the way" after page load, but the one on the password is still obscuring the input field.

if I press any mouse keys or keyboard keys, the password label moves to appropriate spot.

---

Also I noticed this only happens if I refresh the page. If I access the page via a link, both field labels moves out the way correctly.

---

I've been experimenting, I am using React, and it might have something to do with the HTML getting re-rendered, and the label active className getting removed aftewards. (Which in React is suppose to happened...)

Also might do to fact that you can't get val() of saved passwords.

---

fyi, I ended up doing a work-around

  componentDidMount: ->
    setTimeout ->
      if $('#emailField').val()
        $('#passwordField + label').addClass 'active'
    , 900