223465 2021-03-18 12:13:33 -0700 input[type=date] fires a change event before user can select a date if no initial value 2021-03-25 12:14:14 -0700 1 1 1 Unclassified WebKit Forms Safari 14 iPhone / iPad iOS 14 NEW https://jsfiddle.net/e8ngLvmp/ InRadar P2 Normal --- 1 bugs webkit-unassigned akeerthi cdumez webkit-bug-importer wenson_hsieh oldest_to_newest 1741321 0 bugs 2021-03-18 12:13:33 -0700 Steps to Reproduce Use this page: https://jsfiddle.net/e8ngLvmp/ or build a page with input type=date and no value attribute: <input type="date" name="date1" id="date1"> Hook the change event: document.getElementById("date1").addEventListener("change",function() { alert('Change event signaled; value='+document.getElementById("date1").value); }); Load the page using an iPad running iOS 14.41 and Safari 14.4, then touch or tap the date input element. (Not tested with other Apple devices.) Expected behavior The alert is shown after the user has selected a date using the date picker and the alert displays the selected date. Actual behavior The change event is fired as soon as the input field is tapped, the alert displays the current date, and the date picker is not shown until the alert is dismissed. Regardless of the date selected in the date picker, the input element shows the current date. Notes: This failure occurs only in the case that the input element has no value attribute. The date picker is focused on the current date, which is the only reasonable thing to do, but the current date is also set as a value on the input element and the change event signaled. That is the error. This only happens when a page showing this behavior is initially loaded. 1743859 1 webkit-bug-importer 2021-03-25 12:14:14 -0700 <rdar://problem/75847384>