Tooltip overlaps the menu items

[Sowjanya]

Kendo tooltip overlaps the menu items. Any help is appreciated. Thank you.

[Petar]

Hi Sowjanya,

You can try re-defining the z-index CSS property of the submenus of the Menu component. As the z-index is being set dynamically as an inline style, you can apply a new value using the activate event. 

You can execute the below function when the mentioned event is triggered. It is important that the code in yellow should be changed with the exact name of the Menu component which z-index we are changing. 

function onActivate(){
     setTimeout(function(){
          $("#menu_mn_active").css("z-index","10000")
     })
}

Here is a Dojo example demonstrating the usage of the above code. If you inspect an activated submenu, you will see that its z-index is changed to 10000. You can try adding an even bigger z-index value.  

The demonstrated approach is also applicable in UI for ASP.NET MVC context.

I hope the example will help you fix the issue.

Regards,
Petar
Progress Telerik