Unplanned
Last Updated: 21 Aug 2023 06:40 by ADMIN
Jason
Created on: 29 Jun 2023 19:14
Category: ComboBox
Type: Feature Request
2
Select suggested value on blur using case-insensitive match

Using a ComboBox with suggest=true, it will suggest values using a case-insensitive comparison; however, when tabbing out of the combobox, it will only select the suggested value if the value typed so far matches exactly.

Using the example from the KendoReact documentation, if I typed 'Aus' then it will suggest Austria, and if I tab out, Austria is selected. If I type 'aus' it will also suggest Austria, but when I tab out, nothing is selected.

Looking at ComboBox.tsx in the source code, it seems like this hard-coded true on line 471 is preventing this behavior:

const valueIndex = getItemIndexByText(data, text, textField, true);

Is there any way to make it select the suggested value on blur even if the cases don't match? Note that this is the default behavior of the Angular ComboBox.

5 comments
ADMIN
Wissam
Posted on: 21 Aug 2023 06:40

Hello, Ting,

Thank you for your feedback. I added a vote on your behalf in order to increase the item's priority.

Regards,
Wissam
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Ting
Posted on: 18 Aug 2023 07:12
I second this. the behavior is inconsistent for blur and suggestion selection
ADMIN
Filip
Posted on: 04 Jul 2023 08:00

Hi, Jason,

I am converting this thread into an official feature request.

We will be monitoring it closely.

Regards,
Filip
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Jason
Posted on: 03 Jul 2023 12:37

Thanks for looking into it. Could you convert this into an official request?

ADMIN
Filip
Posted on: 30 Jun 2023 10:59

Hello, Jason,

I tried to make the ComboBox behave as the Angluar one with custom logic on the onBlur event, however, the component still does not select the suggested value if the cases don't match.

I can recommend submitting a feature request in our feedback portal:

https://feedback.telerik.com/kendo-react-ui

for enabling the value to be selected even if the cases don't match, or I can convert this ticket to an official request.

Regards,
Filip
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.