1866244 - Date picker onchange event fired constantly when navigating

Status: NEW

(Core :: DOM: Forms, enhancement)

Description

[askele.johansson]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Steps to reproduce:

1. Open Firefox
2. Open this fiddle https://jsfiddle.net/96deroca/3/
3. Open the date picker.
4. Click on the month and year drop down.
5. Select a different month or a year.
6. observe the console output when doing step 5.

Actual results:

The onchange event is fired whenever a year or month is selected from the drop down. The user has not picked a date explicitly at this point yet, but is rather still navigating.

Expected results:

The onchange event was expected to be fired only after the specific date was selected, and not while navigating months or years from the drop down. The expected behaviour is achieved in Chrome browsers.

Comment 1

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

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

Comment 2

[u742216]

Similarly, when actually selecting a month or year that is not adjacent to the currently selected, the picker selects each option in between before selecting the correct date. This in turn triggers change events multiple times when a user intends to only make one date change.

Reproduce:

1. 01/25/2024 is selected
   2, User opens the picker
2. Navigates to the month/year drop down
3. Selects November, March, 2022, or 2026 (any non-adjacent)
4. Change event is triggered twice, once for the adjacent option and once for the selected option.

Comment 3

[Kagami Rosylight [:saschanaz] (they/them)]

Still happens on Nightly.