Completed
Last Updated: 27 Jun 2025 06:54 by ADMIN
Barry
Created on: 07 May 2021 06:19
Category: ComboBox
Type: Feature Request
47
Automatically select first item on losing focus when the dropdown is open

I am working on a form where experienced agents need to input data quickly. Often enough they know the codes and so they can type them in the combo box, but they shouldn't have to look for the mouse to select the item, the combo box should select it when the user presses Tab to move to the next field.

This should happen only when the user has filtered the combo box so they see some items (and so the dropdown is open) - I want them to be able to select only items from the available options, AllowCustom does not work for me.

=====

TELERIK EDIT / TLDR

The desired behavior violates accessibility standards. That's why we will refrain from implementing it as a built-in feature. We suggest the following workaround that is now part of the documentation: Select focused ComboBox item on tab

Duplicated Items
10 comments
ADMIN
Tsvetomir
Posted on: 27 Jun 2025 06:54

Hi Ben and Chris,

Thank you both for taking the time to share your thoughts and your experience around this issue - we really appreciate your engagement.

We completely understand your concerns, especially around the complexity of the suggested workaround when dealing with multiple ComboBox instances across pages. While the approach outlined in the KB article isn’t ideal in terms of simplicity, it is currently the only officially supported method to enable this behavior.

Regarding the behavior you've pointed out in Kendo's ComboBox: you're right—it does allow Tab to commit a selection by default. However, it's important to clarify that this behavior is currently tracked as a bug on their public feedback portal: Selected Item in MultiSelect should no longer be selected if the widget looses focus. According to the WAI-ARIA 1.2 guidelines, a Tab should move focus without implicitly selecting a highlighted item unless the value has been committed (e.g., via Enter). The Kendo implementation may feel more intuitive for some users, particularly on Windows, but it conflicts with accessibility expectations around consistent keyboard interaction across platforms and assistive technologies.

Given these considerations, and the fact that we’re committed to full ARIA compliance for accessibility reasons, we currently do not plan to introduce a built-in feature that would override the Tab key’s expected behavior.

Thanks again for your feedback and understanding.

Regards,
Tsvetomir
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Chris
Posted on: 25 Jun 2025 15:49

From Ben
"Unfortunately, the suggested workaround becomes unwieldy if you have more than one combobox (or more than one page)."

I agree.  Way too much extra code per combo box that we this functionality for.
There needs to be a much simpler workaround if we have to go with a workaround.
I previously did my own workaround using reflection which was scalable 

https://blazorrepl.telerik.com/QzEAmePi24d6tMrb35   Works with 6.2
https://blazorrepl.telerik.com/mzuAGyPX185S0Jw506  Same code, doesn't work with 7.0 and above.
I can't upgrade past 6.2 as it would take functionality away from our end users.

https://demos.telerik.com/blazor-ui/combobox/keyboard-navigation
My simple suggestion is to have a property that would map a tab to be the same as the enter key.
EnableTabSelection default is false, Ben and I would set it to true and move on.

 

 

Ben
Posted on: 20 Jun 2025 15:33

Hi Tsvetomir,

Thanks for the update, I appreciate the considered response and references.

I note that Telerik's Kendo comboboxes do commit using "tab" without any custom handling - this can be seen in the following REPL: https://dojo.telerik.com/qUkWsFPp - and the Kendo docs state that it targets ARIA 1.2 (https://www.telerik.com/kendo-angular-ui/components/accessibility).

I can appreciate there is a tension between standards compliance and product consistency.

Unfortunately, the suggested workaround becomes unwieldy if you have more than one combobox (or more than one page).

Recognising that ARIA is a standard that targets a consistent cross-platform experience, but that users on specific platforms (e.g Windows) may beused to using tab (rightly or wrongly), perhaps it would be possible to make this an opt-in feature (e.g. a TabCompatibilityMode="TabCompatibilityMode.Aria" / "TabCompatibilityMode.Kendo" property). This would allow us to make the right decision for our customers, whilst preserving strict ARIA compliance by default.

Thanks,
Ben

ADMIN
Tsvetomir
Posted on: 20 Jun 2025 14:50

Hi everyone,

After a recent review, research, and internal discussion on the item from the team, I'm going to give you an update.

Based on design guidelines, the focused item in a ComboBox should not be automatically selected when the input loses focus. Pressing "Tab" should move focus to the next element without selecting the highlighted item. This follows the WAI-ARIA accessibility standards, where only "Enter" should confirm a selection. For reference, here’s the official documentation: ComboBox Pattern. Our main concern is that using the "Tab" key to select could lead to unexpected behavior for keyboard and screen reader users.

With that in mind, we’ve decided to mark this item as "Completed" and share the following KB article that showcases an approach for selecting the highlighted item using the "Tab" key: How to Automatically Select Preselected Item on Blur.

That said, we’re open to feedback and may revisit this decision if we see strong demand. Feel free to share your thoughts on this thread.

Regards,
Tsvetomir
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Zachry
Posted on: 21 May 2025 15:18
Lack of this ability creates a control inconsistency for us. Everything else we can can make enter key submission work. Really affects user experience for our user base which is used to enter key selecting in the old technology we are replacing.
Zachry
Posted on: 20 May 2025 22:13
For other compatibility/quality/feature reasons we are stuck with this control and need it to select work on tab.
ADMIN
Dimo
Posted on: 05 Mar 2024 12:10

Hi Ben,

I discussed this feature request with the product owner and we will try to fit it later in 2024.

Most likely, we will introduce a feature, that renders the first matched item in the ComboBox <input />, so that it's clear to the user what the next component value will be on tab. See this ASP.NET Core ComboBox demo, which shows the behavior.

Please treat the above timing statement as preliminary. The only official source of truth about the scheduling and implementation is the status label on this page.

On a side note, our DropDownList provides a closer similarity with native functionality (HTML <select>). Currently, the DropDownList also changes its Value when the user opens the dropdown and presses a key that matches the first character of an item. The downside is that this algorithm assumes that DropDownList filtering is disabled, which may not be the case in your app.

Regards,
Dimo
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!
Ben
Posted on: 28 Feb 2024 19:40

Hello Dimo,

Thanks for the response and for the correction.

I would be more than happy for the control to match native behaviour on each target platform. It's hard for me to argue convincingly to my customers that they should retrain their experienced keyboard operators because we chose a third-party control which does not behave as they expect.

I would really appreciate any insight into timescales for implementation - are we looking at weeks, months, years for implementation? I don't have the luxury of telling my customers that we will be waiting indefinitely for Telerik to schedule the fix.

I disagree with the statement that this is an enhancement since commit-on-tab is present in the native dropdown control that the Telerik control replaces, therefore it is a loss of functionality. I also note that pressing "tab" works as expected in the "Paragraph" font picker dropdown at the top of this comment form! (that dropdown is a Kendo dropdown, and therefore this is also a loss of functionality compared to Telerik's own Kendo suite).

Thanks,
Ben

ADMIN
Dimo
Posted on: 28 Feb 2024 17:00

Hello Ben,

For the sake of correctness, I should mention that Macs don't select dropdown values on Tab. They require the user to hit Enter first.

On the other hand, I agree that the requested feature is nice to have, especially for fast or advanced keyboard users. When we schedule the enhancement for implementation, its status will change.

Regards,
Dimo
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!
Ben
Posted on: 22 Feb 2024 15:31

Have had exactly the same feedback from our customers - committing a combobox selection on pressing tab is standard behaviour on all platforms, and it's absence is frustrating for their users.

This has been open for a long time and is still unplanned - is there any update from Telerik?