As of Chrome 83, where input fields were redesigned for visual consistency, the date input no longer has a "clear" button (x). This means that the only way to clear a date once entered is to individually select and backspace/delete each component (day, month and year).
Although a nuisance, that wouldn't be quite such a problem - but Chrome doesn't (and already didn't) fire the oninput event when the second and third date components are cleared, only when the first is cleared. When the first component is cleared, inputElement.validity.badInput is true - so the field is marked as invalid... but since there are no subsequent oninput events, it never gets marked as valid again.
As of Chrome 83, where input fields were redesigned for visual consistency, the date input no longer has a "clear" button (
x
). This means that the only way to clear a date once entered is to individually select and backspace/delete each component (day, month and year).Although a nuisance, that wouldn't be quite such a problem - but Chrome doesn't (and already didn't) fire the
oninput
event when the second and third date components are cleared, only when the first is cleared. When the first component is cleared,inputElement.validity.badInput
is true - so the field is marked as invalid... but since there are no subsequentoninput
events, it never gets marked as valid again.