1362619 - credential autocomplete picker floating in the wrong area while using wunderlist.com/login

Status: NEW

(Toolkit :: Password Manager: Site Compatibility, defect, P3)

Description

[Kamil Jozwiak [:kjozwiak]]

Attachment: log.txt

When using the password manager under wunderlist.com, the credential autocomplete picker that should appear under the username/password field ends up floating somewhere on the top left corner of the browser screen. It looks like this occurring due to the username/password field being loaded in the left corner before all the CSS is applied to the page. Once the CSS is applied, the username/password field moves to the middle of the browser screen but the credential autocomplete picker stays in the left corner of the browser screen. I've also attached a log from the browser console incase there's useful information. This is happening on all OS's/fx channels [1].

STR: (Example: https://youtu.be/rjDLzA2pQqE)

* instal/run any version of fx
* visit https://www.wunderlist.com/login and save two sets of credentials into the password manager
* load https://www.wunderlist.com/login once again and you'll notice the credential autocomplete picker in the corner rather than being placed in the middle where the username/password fields are located

[1] Builds/OS being tested:

* MacOS 10.12.4 x64 - Reproduced
* Windows 10 x64 VM - Reproduced
* Ubuntu 16.04.2 LTS x64 VM - Reproduced

* fx55.0a1, buildid: 20170505030252, changeset: 0b255199db9d - Reproduced
* fx54.0a2, buildid: 20170505004016, changeset: 94b7e538af7d - Reproduced
* fx54.0b5, buildid: 20170504103226, changeset: 06bf49fb5795 - Reproduced
* fx53.0.2, buildid: 20170504105526, changeset: f87a819106bd - Reproduced