Rad Menu is displayed behind other controls in Edge and Chrome

[Sushma]

Hi Team,

We are using  Telerik controls for ASP.Net  and Rad Menu control in our application to display Menu. It is working fine in IE browser but in Edge and Chrome it is showing behind other controls in the Page. The Div element generated by RadMenu is generated with the option overflow as hidden in these two browsers for rmSlide class.

We tried setting EnableOverLay to true and even increased the z-index of the parent Div element. But those are not working.

Can you please help in resolving the issue.

 

Thanks in Advance,

Sushma Katneni

[Rumen]

Hi Sushma,

Have you tried to increase the z-index of RadMenu with Style="z-index: 30000" as shown in this article https://docs.telerik.com/devtools/aspnet-ajax/styling/controlling-visual-appearance/controlling-absolute-positioning-with-z-index?

If this does not help, please make a quick Fiddler Jam Chrome Extension capture and share it with us. It will provide a lot of info easily and allow us to investigate further. Keep in mind that starting from a blank page or at least navigating to your page via the address bar is crucial for capturing all requests and responses:

https://docs.telerik.com/devtools/aspnet-ajax/knowledge-base/common-capture-issues-with-fiddler-jam 

[Sushma]

Hi Rumen,

Thank you so much for suggesting about the Fiddler Jam tool.

I created support ticket with the Fiddler Jam Capture and got the resolution from the team.

We were using Rad Menu inside Rad Splitter and that was causing the issue. It is resolved by applying an !important CSS rule that will allow the content of the First pane of the splitter to overflow. 

Thank You,

Sushma Katneni