Last Updated: 18 Feb 2020 11:30 by ADMIN
Created on: 11 Feb 2020 13:49
Category: Menu
Type: Bug Report
Menu - submenu does not close on item selection, if navigation is triggered programmatically

Bug report

Reproducible in Chrome and Firefox. Not reproducible in IE11.

Reproduction of the problem

Dojo example.
There are two Menus. In the first one navigation is triggered from the function passed to the "Sub Item 2" item's url option. In the second Menu navigation is triggered in the Menu's select event handler.

  1. Hover "Item 2" and click "Sub Item 2"
    The wiki page will open in a new tab.
  2. Check the Menu in the original tab with the dojo.

Current behavior

Doing this in the first Menu, results in the submenu remaining open.

Expected/desired behavior

The submenu should close in both scenarios, since closeOnClick is enabled by default and the select event fires before triggering the navigation.


  • Kendo UI version: 2020.1.114
  • jQuery version: x.y
  • Browser: [Chrome XX | Firefox XX]
Posted on: 18 Feb 2020 11:30

Hello Jerome,

Thank you for the ASP.NET Core sample project. As a temporary workaround you could use the suggestion provided by my colleague in the forum thread below and closing the submenu by calling the Menu's close API method:


function onNavigate(e) {
    var menu = $("#menu").getKendoMenu();
    window.open("https://www.wikipedia.org", "Wikipedia");  

Here is an updated dojo with the above suggestion implemented.


Progress Telerik


Get quickly onboarded and successful with Telerik UI for ASP.NET Core with the dedicated Virtual Classroom technical training, available to all active customers.
Posted on: 11 Feb 2020 15:09

I would be happy to beta test any workaround or fixes for this issue.


Also, I am attaching an asp.net core sample project that demonstrates this issue with both methods (url and select event) not closing the sub menu.

Attached Files: