TK Blazor Combobox Opens Keyboard When User Taps

[billy]

The combobox works find when viewing on desktop browser. But when viewing on mobile devices, it launches the keyboard if the user attempts to select an item from the list.

I have set the below flags

Filterable = false

ClearButton = false

Do I just need to not use the combobox component on mobile?

Thanks

Billy

[Svetoslav Dimitrov]

Hello Billy,

This is the expected workflow of the Telerik ComboBox when you use it on a mobile device. Let me explain:

Let us take a look at the workflow:

1. Your users open the dropdown of the ComboBox to view the items
2. Your users click on an item in order to select it
3. The item is selected and the focus goes to the textbox part of the ComboBox
4. The on-screen (virtual) keyboard is rendered

Why is this the expected behavior - in mobile, both on Android and iOS the browsers render the on-screen keyboard when a <input> HTML element receives focus. The ComboBox renders a <input type="text"> together with a button for expanding the popup. When the user selects an item from the list the focus goes into the <input type="text">, thus the on-screen keyboard is rendered. 

Regards,
Svetoslav Dimitrov
Progress Telerik

[billy]

Is there a selection mode that I can assign when media query is below a certain threshold?

[Svetoslav Dimitrov]

Hello Billy,

I did some digging, and here is some additional information. So, the main reason behind this is accessibility compliance. When the user selects an item from the dropdown two things must happen:

1. The dropdown must close and set the focus to the input
2. The focused input allows screen readers like NVDA to read out the value of the ComboBox to people with disabilities.

This is also the behavior of the W3 combobox which is used as best practice in terms of accessibility. 

I hope this clarifies things.