1888271 - Input type email not displaying helper/tip on mobile

Status: NEW

(GeckoView :: General, enhancement)

Description

[Stephen Gornick]

Attachment: html containing the html form for demonstrating the type="email" inconsistency of an input field when on mobile

Firefox for Android

Steps to reproduce:

https://tmpprojects.github.io/FirefoxTroubleshootingEmailInputType.github.io
from Firefox on Android

(or any form with an input type "email":
<label for="email">Email</label>
<input type="email" id="email" name="email" required/>
)

Enter a malformed e-mail address (e.g., "a@b com", where there is no "."), and press the button that does a "submit" on the form.

Actual results:

Nothing, no tip/help message, no error nothing of than the submit button gaining focus.

Expected results:

Something to the effect of what happens on Firefox browser app from a desktop browser:
e.g., a tooltip/helper message for the field that shows:
"Please enter an email address."

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Fenix::General' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:bclark, could you have a look please?

For more information, please visit BugBot documentation.

Comment 4

[Jeff Boek [:boek]]

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/email#basic_validation