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
>