HTML 5 form validation popup opens only once on Windows
Categories
(Core :: DOM: Forms, defect)
Tracking
()
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.
Comment 1•3 years ago
|
||
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.
Comment 2•3 years ago
|
||
Which platform are you on? The popup shows all the time here on Linux.
Comment 3•3 years ago
|
||
Err, should've read the UA in comment 0. So windows 10 looks like right? Please correct me if I'm wrong.
Reporter | ||
Comment 4•3 years ago
|
||
Yes, Windows 10.
Updated•3 years ago
|
Reporter | ||
Comment 5•3 years ago
|
||
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();
});
}
Reporter | ||
Comment 6•3 years ago
|
||
(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.
Comment 7•3 years ago
|
||
It does seem a Windows specific issue.
Comment 8•3 years ago
|
||
Oops, submitted too early.
John, I see you worked on form issues, perhaps do you have some quick idea?
Comment 9•3 years ago
|
||
Yes, I will take a look. Keep NI for tracking.
Comment 10•3 years ago
|
||
Seems not a Window specific issue as I also experience this on Mac.
Updated•2 years ago
|
Comment 12•2 years ago
|
||
Hi,
Just to confirm this bug Windows 10 / Firefox 105.0.1 64bits ... and you can test it via jsfiddle linked in bug 1716961
Comment 13•2 years ago
|
||
(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.
Comment 14•2 years ago
|
||
Pretty sure this is fixed on nightly, please reopen if that's not the case.
Comment 15•2 years ago
|
||
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 )
Description
•