Closed Bug 1694396 Opened 3 years ago Closed 2 years ago

HTML 5 form validation popup opens only once on Windows

Categories

(Core :: DOM: Forms, defect)

Firefox 88
defect

Tracking

()

RESOLVED DUPLICATE of bug 1709027

People

(Reporter: david.baxter, Unassigned)

References

Details

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.182 Safari/537.36

Steps to reproduce:

Navigate to this link: https://www.w3.org/WAI/tutorials/forms/validation/

Click the "Submit" button in the example.

Actual results:

First-time click shows error message "Please fill in this field" and the box is highlighted. Clicking Submit after this does not show the message, only highlights the box.

Expected results:

I've tried this in other browsers (IE11, Edge, and Chrome) and the "Please fill in this field" is shown every time. I would expect the same in Firefox.
I spotted this issue originally in our own code and to confirm it was not a fault of my own code looked for online examples of HTML 5 validation. The URL I give as an example being one of a few I found.

The Bugbug bot thinks this bug should belong to the 'Core::DOM: Core & HTML' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Component: Untriaged → DOM: Core & HTML
Product: Firefox → Core

Which platform are you on? The popup shows all the time here on Linux.

Flags: needinfo?(david.baxter)

Err, should've read the UA in comment 0. So windows 10 looks like right? Please correct me if I'm wrong.

Flags: needinfo?(david.baxter)

Yes, Windows 10.

Component: DOM: Core & HTML → DOM: Forms

I've even added this function to force validation on a blur of a field and this does not show the pop up message in Firefox (Using jQuery & native JS):

'forceValidation': function(elem) {
elem.blur(function(event) {
event.target.reportValidity();
});
}

(In reply to David Baxter from comment #5)

I've even added this function to force validation on a blur of a field and this does not show the pop up message in Firefox (Using jQuery & native JS):

'forceValidation': function(elem) {
elem.blur(function(event) {
event.target.reportValidity();
});
}

To add to this: If you tab in and out of the field a few times the message does pop up, but I would expect it to show each time the field loses focus.

It does seem a Windows specific issue.

Flags: needinfo?(echen)
Summary: HTML 5 form validation issue → HTML 5 form validation popup opens only once on Windows

Oops, submitted too early.

John, I see you worked on form issues, perhaps do you have some quick idea?

Flags: needinfo?(echen) → needinfo?(jdai)

Yes, I will take a look. Keep NI for tracking.

Seems not a Window specific issue as I also experience this on Mac.

See Also: → 1716961
Severity: -- → S3
Flags: needinfo?(jdai)

Hi,
Just to confirm this bug Windows 10 / Firefox 105.0.1 64bits ... and you can test it via jsfiddle linked in bug 1716961

(In reply to Nicolas from comment #12)

Hi,
Just to confirm this bug Windows 10 / Firefox 105.0.1 64bits ... and you can test it via jsfiddle linked in bug 1716961

Bug not present on Linux : Manjaro / Firefox 105.0 ..

I don't if it's relevant : these two Firefox are french version, but validation error messages are in french on Window and in english on Manjaro.

Pretty sure this is fixed on nightly, please reopen if that's not the case.

Status: UNCONFIRMED → RESOLVED
Closed: 2 years ago
Resolution: --- → DUPLICATE

Thumb up.
Tested on windows 10 with developer version 106.0b6 => bug fixed !

Considering this comment : "status-firefox-esr102: affected → wontfix" on bug 1709027 , could I understand that no backport is planned for esr-102 ?
Perhaps for esr 102.4 or 102.5 scheduled in october / november ( the esr version in deployed at work) ?

( oups, I first comment in the bug 1716961 )

You need to log in before you can comment on or make changes to this bug.