telerik / kendo-react

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

DropDownList Safari Keyboard Display Issue #390

Open GeoMarkou opened 4 years ago

GeoMarkou commented 4 years ago

I'm submitting a...

Current behavior

Selecting an item in the DropDownList component with filtering enabled flashes the keyboard on Safari iOS.

Expected behavior

The keyboard should remain hidden unless the user clicks the filter specifically. It seems to be focusing the filter field on any click event, but it doesn't make sense to do that when selecting an item, since the dropdown will be hidden immediately.

Minimal reproduction of the problem with instructions

Reproducable on the demo https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/filtering/

  1. Open the dropdown list.
  2. Click any item.
  3. The keyboard will flash.

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

We have drop down lists in many of our forms, which enable filtering when the list is bigger than 10 items. The animation of the keyboard flashing is distracting for users.

Browser:

simonssspirit commented 4 years ago

Tested and confirmed in iOS 13.1.2