Field shown as autofilled by browser, is blank when accessed with js

Question

I have a login form which gets auto-filled with username and password by the browser. On chrome I am seeing this issue where - the password field is shown as autofilled in the browser, but when I access its value through javascript, it is blank.

Has anyone hit this issue?

Answer 1

The values are most likely being filled out by Chrome after the page has been completely rendered. I can't tell how or when you are trying to fetch the values through your javascript but if you do it without letting the full page load you will not get any results. Try using the Window.onload -event at the bottom of the body to access the field.

Example:

   <script>
   //call after page loaded
   window.onload=getPasswordFunc; 
   </script>
</body>