New to Kendo UI for Vue? Start a free 30-day trial
Opening and Closing
By default, the Menu opens and closes the items which contain children on mouseover and mouseleave with a small delay.
To customize its opening and closing behavior, utilize the following options:
Delay on Hover
To prevent the accidental opening or closing of the Menu items, the component waits for 100 milliseconds before performing the action. To change the default delay, use the hoverOpenDelay and hoverCloseDelay properties of the Menu.
Example
View Source
Change Theme:
Opening on Item Click
By default, the Menu items open on hover. You can disable the open-on-hover behavior and set the Menu to open only after an item is clicked or focused by using the openOnClick property. After the user clicks an item for the second time, the open-on-hover behavior will be still disabled until another click follows.
Example
View Source
Change Theme:
