search

telerik / kendo-react

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
https://kendo-react-teal.vercel.app
Other
212 stars 39 forks source link

DatePicker Doesn't Focus Correctly On iPad #181

Open GeoMarkou opened 5 years ago

GeoMarkou commented 5 years ago

I'm submitting a...

Current behavior

'Tabbing' to the DatePicker on iPad Safari places the cursor at the end of the field.

Expected behavior

It should place the cursor at the start (in this case the Day field) so typing the date flows logically.

Minimal reproduction of the problem with instructions

Editor URL: https://stackblitz.com/edit/react-fzcstv

Viewer URL: https://react-fzcstv.stackblitz.io

  1. Tap into the empty example textbox to focus it.
  2. Press the 'next field' button on the keyboard (functions like pressing Tab) to navigate to the DatePicker.
  3. The cursor will be placed at the end, and typing will type into Year. It is impossible from this point to type into Day or Month without carefully tapping the section on the screen.

image

What is the motivation or use case for changing the behavior?

We have a DatePicker as part of a form. When tabbing to focus the DatePicker, users started typing the Day field without noticing it focused incorrectly, causing extra clicks and frustration.

Browser:

simonssspirit commented 5 years ago

@GeoMarkou Thank you for reporting this.

I was able to confirm it on iPhone as well.