Progress® KendoReact Feedback Portal
Back to Feed
Request a Feature Report a Bug
Won't Fix
Last Updated: 07 Nov 2024 09:00 by ADMIN
Jeff
Created on: 02 Aug 2022 13:51
Category: KendoReact
Type: Bug Report
2
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.

3 comments
ADMIN
Konstantin Dikov
Posted on: 07 Nov 2024 09:00

Hi Dan,

You can prevent the propagation of the keydown events from within the ExpansionPanel:

 

 

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.

Dan
Posted on: 03 Nov 2024 22:43
This is a major bug and makes expansion panels completely useless.  You cannot put any text input or textarea in the panel without it closing immediately the moment you enter a space.
ADMIN
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.

Create an account Log In
View
Type
Status
Category