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

RadMenu z-index stops updating after a while

1 Answer 40 Views
Menu
This is a migrated thread and some comments may be shown as answers.
Eric Garrison
Top achievements
Rank 1
Eric Garrison asked on 22 Jan 2013, 05:50 PM
I have veritcal radmenu containing root items of different lengths and sub menus under the root items. When the page first opens the sub menus correctly show on top of the root items when expanded. After moving the mouse back and forth expanding the root items eventually the sub menus are showing behind some of the root menus. When I inspect the elements I can see that normally the root items swap between a 7000 and 8000 z-index depending if the sub menu is expanded or not. When the root items start to show through the sub menus I can see that the z-index for the root item showing through the sub menu is stuck at 8000. It is as if a javascript stopped working correctly. This is happening in Chrome, Safari and Firefox so far.

Any ideas on how to get this to work? I have attached an image of the issue.

1 Answer, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 25 Jan 2013, 11:04 AM
Hello,

I would like to clarify a couple of things about your scenario. An expected behavior is applying a higher z-index value to the currently expanded menu item in order to get that item to top position. In this case if the currently expanded menu item is overlapping any other item might cause such appearance behavior showed in the provided screenshot.

An easy and convenient approach to avoid this issue would be to use one RadMenu instance and add hierarchical structure  of all items instead of using a single RadMenu for each root item. This way you can avoid that overlapping issue and any conflict consequences  that might occur.


Regards,
Boyan Dimitrov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Menu
Asked by
Eric Garrison
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Share this question
or