TK Blazor Combobox Opens Keyboard When User Taps

1 Answer 51 Views
ComboBox
billy
Top achievements
Rank 2
Iron
Iron
Iron
billy asked on 02 Oct 2023, 10:17 PM

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

1 Answer, 1 is accepted

Sort by
0
Svetoslav Dimitrov
Telerik team
answered on 04 Oct 2023, 11:34 AM

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

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Telerik family, check out our getting started resources!
billy
Top achievements
Rank 2
Iron
Iron
Iron
commented on 16 Oct 2023, 04:32 PM

Is there a selection mode that I can assign when media query is below a certain threshold?
Svetoslav Dimitrov
Telerik team
commented on 19 Oct 2023, 07:04 AM

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.

Tags
ComboBox
Asked by
billy
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Svetoslav Dimitrov
Telerik team
Share this question
or