1411512 - HTML5 form field validation error message appears underneath form auto complete suggestions and is unreadable (57.0b10)

Status: NEW

(Toolkit :: Password Manager, defect, P3)

Description

[Craig Edwards]

Attachment: firefox-form-field-validation.png

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20171019140425

Steps to reproduce:

1) Create a simple login page with username and password as two input tags
2) Set both input tags as required="required" HTML5 validation
3) Ensure that there are usernames and passwords remembered for the form in question
4) Submit form with empty password field


Actual results:

The validation message, "Please fill in this field" is completely obscured by the password suggestion autocompletion box which contains the usernames available for the form (see screenshot)


Expected results:

The auto complete options should not obscure the validation message. Please consider putting the validation message below the autocomplete box, or not suggesting auto completion for invalid fields.

Comment 1

[Astley Chen (inactive)]

Simple test case provided by Sean: https://jsbin.com/daceteluke/edit?html,output

By design, password manager's suggestion pop-up will appear once the input field gains focus, for example, click on user or invalid form input after submit. In this case, validation message will be covered by password manager's pop-up. For form autofill, it's not a problem as it needs one more click to invoke the pop-up.

Comment 2

[Matthew N. [:MattN]]

Ideally we wouldn't show the saved login suggestions on a registration field (until we later implement password generation). For that, bug 1119063 would help along with bug 1119554.