Won't Fix
Last Updated: 09 Aug 2022 07:28 by ADMIN
Created on: 02 Aug 2022 13:51
Category: KendoReact
Type: Bug Report
Form Field allows keypress events to bubble. Conflicts with ExpansionPanel

StackBlitz example: https://stackblitz.com/edit/react-vg8pu5?file=app/main.jsx


If you have a Form <Field component={Input}> inside an <ExpansionPanel>, if you press space or enter within the input, the expansion panel also receives the key event and will expand/collapse. It seems like these key events should not bubble out of the Field component.

1 comment
Konstantin Dikov
Posted on: 09 Aug 2022 07:28

Hi Jeff,

The Form component does not prevent the bubbling of events and introducing such built-in feature will be a major breaking change. Please note that the same behavior can be observed if you replace the KendoReact Form with a simple form and input elements, which is another reason that preventing the propagation of the events could not be added as a built-in feature.

For such scenario you will have to manually prevent the propagation of the events:


Best Regards,
Konstantin Dikov
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.