Kendo UI Menu - Item Visibility on Click Instead of Hover

[Mahesh]

Hi Team,

I am writing to inquire about modifying the default behaviour of the Kendo UI Menu component. The sub-menu items are displayed when hovering over the parent menu item. However, I require the sub-menu items to be visible only when the parent menu item is clicked.

Desired Behavior:

• Sub-menu items should remain hidden by default.
• Clicking on the parent menu item should expand the sub-menu and display the child items.
• Clicking on another parent menu item should collapse the previously expanded sub-menu and expand the new one.

Implementation Challenges:

I have explored the Kendo UI documentation and API, but I am unable to find a direct configuration option to achieve this desired behaviour.

Could you please provide guidance on how to modify the Kendo UI Menu component to display sub-menu items only on click of the parent menu item?

Please let me know if you require any further information or if there are any examples available that demonstrate this functionality.

Reference URL - https://stackblitz.com/edit/react-zugkrezk?file=app%2Fapp.jsx,app%2Fapp.css

Thank you for your time and assistance.
Mahesh

[Vessy]

Hi, Mahesh,

We have already approved your feature request on the matter, for anyone interested in the same improvement, its progress can be tracked here:

• https://feedback.telerik.com/kendo-react-ui/1679340-menu-item-visibility-on-click-instead-of-hover 

Regards,
Vessy
Progress Telerik