1717776 - [Bug] HTML input validity messages are not displayed to users.

Status: RESOLVED DUPLICATE of bug 1510450

(GeckoView :: IME, defect)

Description

[Petru-Mugurel Lingurar [:petru]]

From github: https://github.com/mozilla-mobile/fenix/issues/20136.

Howdy,

As far as I can tell <input>/etc validation messages are never displayed to users when <form>s are submitted.

It does appear to work in Firefox for desktop (MacOS).

element.checkValidity() returns false.
element.validationMessage has the correct message I would expect in the tooltip/bubble.
element.reportValidity() returns false, but no report UI is presented to the user.

Steps to reproduce

1. Use the following HTML in a static HTML file

<form action="/" method="POST">
<input type="text" required="required">
<input type="submit">
</form>

2. Press the submit button

Expected behavior

Expected a message like "Please fill out this field" to be displayed, and perhaps for field to be focused.

Screenshot from Firefox in MacOS:

Actual behavior

Form submission is blocked, no validity message is displayed, and field is not focused.

Device information

• Google Pixel 4a 5G, Android 11
• Firefox for Android version: 89.1.1

Change performed by the Move to Bugzilla add-on.

Comment 2

[Chris Peterson [:cpeterson]]

Moving some input bugs to the new GeckoView::IME component.