This is a migrated thread and some comments may be shown as answers.

[Solved] Kendo ComboBox TypeError when hitting enter on an invalid Value

3 Answers 260 Views

General Discussions

This is a migrated thread and some comments may be shown as answers.

IT Dept asked on 18 Jul 2019, 05:19 PM

We have a Kendo ComboBox configured as the following:

<ComboBox

loading={isLoading}

placeholder="Enter item number.."

data={sourceItems}

allowCustom={false}

filterable={true}

onFilterChange={value => {

const userInput: string = value.filter.value;

setComboBoxValue(userInput);

userInput.length >= 1 && filterData(userInput);

}}

onChange={value => {

handleComboBoxChange(value.target);

}}

itemRender={(li, itemProps) => {

const item: IItem = itemProps.dataItem;

let itemChildren = null;

if (item.action === 'default') {

itemChildren = (

<span>

{item.itemNumber} - {item.description}

</span>

);

}

return React.cloneElement(li, li.props, itemChildren);

}}

value={comboBoxValue}

/>

But there's a bug: When you start typing a value that doesn't match any of the autocomplete items it will throw this error in the browser console:

onloadwff.js:71 Uncaught TypeError: Cannot read property 'type' of undefined

at e.setFieldValue (onloadwff.js:71)

at HTMLFormElement.formKeydownListener (onloadwff.js:71)

I'm now unsure what will happen if/when this gets fixed and if other parts of my application will need to handle these invalid values or not.

3 Answers, 1 is accepted