1730437 - Clear button in date/time inputs is not keyboard accessible

Status: RESOLVED WORKSFORME

(Core :: Layout: Form Controls, defect)

Description

[James Teh [:Jamie]]

STR:

1. Open this test case:
   data:text/html,<input type="date" value="2000-01-02">
2. Try to activate the Clear button with the keyboard (tab to it and press space or enter).
   • Expected: You can't tab to it.
   • Actual: You should be able to tab to it and activate it with space/enter.

This button has tabindex="-1", which removes it from the tab order. Unfortunately, removing the tabindex attribute is not sufficient to fix this:

1. In a date input, when you try to activate it from the keyboard with space or enter, you will open the date picker instead.
2. If you do focus it and activate it successfully, the button will be hidden, causing focus to be blurred and thus thrown to the document. Instead, it should focus the first field in the input.

Comment 1

[Jonathan Kew [:jfkthame]]

Yeah, this seems a bit broken, though probably not a super-common issue.

Comment 2

[Anna Yeddi [:ayeddi]]

Since the bug 1676068 replaced the Clear button with a Calendar button within a date/datetime-local inputs and the bug 1811187 added a Clear button to the datepicker panel itself (both new buttons are confirmed to be keyboard accessible and unit tests are provided to keep them this way), closing the bug as WFM