1434903 - input[type=date] not triggering blur event first time, but works with subsequent attempts

Status: RESOLVED WORKSFORME

(Core :: Layout: Form Controls, defect, P3)

Description

[Joshua C]

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

Steps to reproduce:

JSFiddle: https://jsfiddle.net/bdL82jox/4/

1. Go to JSFilddle above
2. Click into date field and fill in a date
3. Tab or click out of the date.
4. Observe that the entered date is not populated into the #output span tag.
5. Click back into the date field and then click or tab out of the field.
6. Observe that the date from the date field is not populated to the #output span tag.



Actual results:

When a date is entered into the date field and then the user clicks/tabs out of the date field the blur event is not fired the first time. The user has to go back into the field then click/tab out of the field again to trigger the blur event.


Expected results:

The date should have been populated in the #output span tag the first time the user clicked/tabbed out of the field.

Note: The only event that seems to fire the first time is the "focusout" event.

Comment 1

[Joshua C]

I should also mention that the JSFiddle works in the latest versions of Chrome, IE, and Edge that I have tested so far.

Comment 2

[Joshua C]

Attachment: Offline version of the JSFiddle date test

Attached an html file of the JSFiddle

Comment 3

[Jet Villegas (inactive)]

[ Triage 2017/02/20: P3 ]

Comment 4

[Joshua C]

Apologies, step 6 should read.

6. Observe that the date from the date field is NOW populated to the #output span tag.

"now", not "not".

Comment 5

[Joshua C]

This issue appears to be fixed with Firefox Quantum version 62.0b11.

Comment 6

[Joshua C]

It also appears to be fixed in version 61.0.1 (64bit).