Hi,
My code is set up as below - tabbing or using the mouse to navigate to another control does not trigger the onBlur event everything else, filters, etc, work great.
Thanks and regards,
Amit Kohl
<FormElement horizontal={true} >
<Field id={'customer'} name={'customer'} label={'Org Class'} component={MultiSelect}
textField="name" dataItemKey="id" data={customers}
autoClose={false} filterable={true} onBlur={(e: MultiSelectBlurEvent) =>
console.warn(e)
}
onFilterChange={handleOrgClassFilterChange} />1 Answer, 1 is accepted
Hello, Amit,
This is currently expected as the Form will internally overwrite the event to attach its handlers. As we agree that we should do that plus provide the callback I have logged a task to add this:
https://github.com/telerik/kendo-react/issues/1061
Currently, this can be done by making a custom component, that will set add the onBlur directly to the component and still call our own internal logic:
https://stackblitz.com/edit/react-7wcjk3?file=app%2Fform-components.jsx
Regards,
Stefan
Progress Telerik
Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.