When is Chrome rendered on a web page?

Question

I have a client who wants their user interface to display the field names in the form (the username is indicated in the username field, the password is specified in the password field, etc.). Since the form uses the password type <input> (which usually displays dots), I had to scoff at filling out the data in the fields, superimposing them on divs that contain verbiage.

To recognize autocomplete, I wrote some Javascript that checks if a field is filled and if it works (hiding or displaying verbiage).

As far as I can tell, Chrome is the only browser that is becoming awkward. It doesn't seem to matter if there is autocomplete data or not, and the phrase always overlays the autocomplete data (supposedly because the hide function does not start).

My long question is: when is the Chrome autofill data in the rendering process? Does it remain to wait for the completion of Javascript? Is there a way to verify that autocomplete data occupies a field in Chrome?

Answer 1

I decided to attach a listener to an event that activated a modal containing forms. Needless to say, this is a solution that will only work in my specific circumstances. I do not consider this an answer, but I am posting it here in order to perhaps provide a solution for others seeking a solution.

Answer 2

A simple workaround would be to use placeholder HTML5, supported by WebKit and Firefox. This will require additional feature detection, but then you only need to implement the overlay layout in non-Chrome.

Dive into HTML5 Description