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
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.
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/
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: