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.
The React ComboBox and Autocomplete do not support the valueRender prop, so a selected value cannot have a custom display. The DropDownList does however - they should all be consistent in this.
DropDownList reference:
React Dropdowns Library & DropDownList Component - Custom Rendering - KendoReact Docs & Demos (telerik.com)
Hello,
How can I add tagRenderer to combo box?
There's option to add tagRenderer on multiselect, but at least I didn't see an option to add tagRenderer to drop down that allows only single selection.
Br,
Miika
Attempting to select a comboBox value with a down arrow key press when there is only a single item in array results in a crash.
I'm adding a link to a modified version of combobox demo showcasing the error.
Steps for reproduction: