Declined
Last Updated: 31 Mar 2022 09:50 by ADMIN
Jeff
Created on: 28 Mar 2022 13:18
Category: KendoReact
Type: Feature Request
0
DateRange picker accessibility improvement; retain input focus on close

There is an inconsistency with the DateRange picker in the way element focus is set when closing the date selection popup by mouse vs keyboard. When using the mouse to close the date range selection popup, element focus becomes lost/reset.

You can simulate this from the example page https://www.telerik.com/kendo-react-ui/components/dateinputs/daterangepicker/

Steps to simulate good behavior (this works correctly):

* click the 'from' input text element (causes the popup to open and the text input to have focus)
* press 'escape' to close the popup (the popup is closed, and the 'from' input element retains focus)
* press 'tab' (focus moves to the 'to' text input element)

Steps to simulate behavior that could be improved:

* click or tab into the 'from' input element (causes the popup to open and the text input to have focus)
* click (with the mouse) outside the popup to close it (the popup is closed, and focus appears to be lost.)
* press 'tab' (focus moves to the 'from' input element again because we are back at the beginning of the tab order list)

This input can lead you into a tab order loop if you mix pressing 'tab' to advance focus, and using the mouse to click to close the date selection popup.
Feature request: when clicking to close the popup, element focus should be retained in the 'from' or 'to' text input; whichever had focus before the popup close, the same as pressing 'escape' to close the popup.

2 comments
Jeff
Posted on: 30 Mar 2022 14:54
the click can be on another component

That is a great point and I didn't even realize that.

With a lot of 'popup' containers in some UI toolkits, the click to close is 'captured' and not allowed to bubble up and interact with the component actually clicked. I didn't realize that this isnt prevented with Kendo, so clicking on another control will both close the popup, and still perform the default click action on whatever other control was clicked.

We can consider this a non-issue then.
Thanks for taking the time to respond.

ADMIN
Filip
Posted on: 30 Mar 2022 12:01

Hi, Jeff,

Thank you for the provided feedback. It seems that implementing the suggested behavior would result in a not ideal user experience. For example, the click can be on another component and if we retain the focus on the input, that would break any other component in the app.

When the user presses Escape he is interacting with the current component, by clicking anywhere else outside of the component, the user interacts with everything else but not with the DateRangePicker.

Regards, FilipProgress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.