This is a migrated thread and some comments may be shown as answers.

Open/Close Sub-menu bug?

4 Answers 369 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Bjørn
Top achievements
Rank 1
Bjørn asked on 12 Feb 2018, 09:29 AM

I am having trouble with a right-click context menu that contains multiple sub-menus.

When I hover with the mouse over the different submenus, the first sub-menu to open is opening fine, but when I move the mouse(without selecting anything from the first opened submenu) to the next submeny, this will cause the whole context-menu to close.

I have uploaded a video to demonstrate the problem:

https://www.youtube.com/watch?v=0TztKdJhVlI

 

Is this a known bug in the Kendo menu widget, or is this my fault?

4 Answers, 1 is accepted

Sort by
0
Bjørn
Top achievements
Rank 1
answered on 13 Feb 2018, 11:21 AM

I forgot to mention the version details:

Kendo 2017.3.913

Chrome 64.0.3282.140 on Windows 10

JQuery-3.1.1

0
Ivan Danchev
Telerik team
answered on 14 Feb 2018, 09:22 AM
Hello,

I tried to reproduce the behavior shown in the video you linked but to no avail. Here's a dojo example, in which a ContextMenu contains several levels of items. At my end I am not able to reproduce the unexpected closing when navigating through the Menus. Could you try to reproduce the issue and add any custom CSS you apply to your page since, if needed for the Menu closing to be exhibited.

Regards,
Ivan Danchev
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Bjørn
Top achievements
Rank 1
answered on 15 Feb 2018, 11:47 AM

Hi Ivan.

Thank you for the reply.

I was able to fix this by modifying my code, so the fault was not Kendos. I was not able to reproduce the error using the dojo-example code, but I found out that the error occured when I tried to bind the ContextMenu to a cloned html element.

Like this:

var menudiv = $("#menu").clone();
var initmenu = menudiv.kendoContextMenu({

....

});

 

 

regards,

Bjørn

0
Ivan Danchev
Telerik team
answered on 19 Feb 2018, 11:55 AM
Hi Bjørn,

Thank you for follow up. At my end I was not able to replicate the ContextMenu auto-closing from a cloned element, but I am glad you managed to fix the issue. 

Regards,
Ivan Danchev
Progress Telerik
Try our brand new, jQuery-free Angular components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Menu
Asked by
Bjørn
Top achievements
Rank 1
Answers by
Bjørn
Top achievements
Rank 1
Ivan Danchev
Telerik team
Share this question
or