How to prevent Enter key from toggling the ExpansionPanel

Updated on Oct 31, 2025

Environment

Product Version	12.2.0
Product	Progress® KendoReact ExpansionPanel

Description

I want to prevent the Enter key from toggling the ExpansionPanel. By default, when the ExpansionPanel is focused and the user presses Enter, it expands or collapses. I want to disable this behavior.

Solution

The ExpansionPanel triggers the onAction event when the panel is toggled. By accessing the syntheticEvent within the event handler, you can check if the Enter key was pressed and prevent the default behavior.

This is an example showcasing this in action:

Change Theme

Theme

Loading ...

See Also

• ExpansionPanel Overview
• ExpansionPanel API