Hi Everyone,
The hoverDelay setting does not seem to be consistent - its behavior differs depending on whether the item being selected has sub-items or not.
Lets say in the example below we select 'Item 3' first. This will open the sub menu for Item 3 after 1 sec delay. If we now hover 'Item 2', the sub menu for 'Item 3' will stay open for 1000 ms, and then close. Good! That's what I want.
Now, lets do another test - again, select our 'Item 3' first but instead of going to 'Item 2', go to 'Item 4'. This will immediately close the sub menu for 'item 3', and after 1 sec delay will open sub menu for 'Item 4'. In my opinion this is not correct - it should keep the sub menu for Item 3 open for 1 sec, and then it should close it and display the sub menu for 'Item 4'.
This issue makes it challenging to use the menu control, especially with large menus - you have to be very precise with your mouse movements.
Is there any way to make the control work the way i want? Any suggestion or workaround?
Any help will be appreciated!
The hoverDelay setting does not seem to be consistent - its behavior differs depending on whether the item being selected has sub-items or not.
Lets say in the example below we select 'Item 3' first. This will open the sub menu for Item 3 after 1 sec delay. If we now hover 'Item 2', the sub menu for 'Item 3' will stay open for 1000 ms, and then close. Good! That's what I want.
Now, lets do another test - again, select our 'Item 3' first but instead of going to 'Item 2', go to 'Item 4'. This will immediately close the sub menu for 'item 3', and after 1 sec delay will open sub menu for 'Item 4'. In my opinion this is not correct - it should keep the sub menu for Item 3 open for 1 sec, and then it should close it and display the sub menu for 'Item 4'.
This issue makes it challenging to use the menu control, especially with large menus - you have to be very precise with your mouse movements.
Is there any way to make the control work the way i want? Any suggestion or workaround?
Any help will be appreciated!
<ul id="menu">
<li> Root <ul> <li>Item 1</li> <li>Item 2</li> <li> Item 3 <ul> <li>Item 31</li> <li>Item 32</li> <li>Item 33</li> </ul> </li> <li> Item 4 <ul> <li>Item 41</li> <li>Item 42</li> <li>Item 43</li> </ul> </li> </ul> </li></ul><script> $(document).ready(function () { $("#menu").kendoMenu({ hoverDelay: 1000 }); });</script>