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

[Solved] Menu dropdown rendering beneath grid

1 Answer 104 Views
Menu
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Daniel Collier
Top achievements
Rank 1
Daniel Collier asked on 20 Apr 2010, 07:26 PM
If you have a menu that is above a grid and the dropdown items will overlap it, sometimes when the menu drops down, it slides behind the grid instead of on top.  Sometimes it seems random to reproduce, but I've found one scenario where its consistently reproduceable. However, In this scenario, it only happens the first time, and the real problem is the random times when it seems to happen every time, until you refresh the page.

1. Put a menu with dropdowns overtop of a grid.
2. Hover the mouse over a menu whose dropdown will overlap with the grid.
3. Without moving the mouse, refresh the page.
4. Slowly move the mouse down off of the menu item.  Its dropdown will slide beneath the grid.

I got a suggestion in another post about grid filter dropdowns sliding under as well when you have grids stacked on top of each other.  In that case setting the z-index solved that problem.  I tried doing that here, but it did not work.

Please help.  thanks.

1 Answer, 1 is accepted

Sort by
0
Alex Gyoshev
Telerik team
answered on 22 Apr 2010, 11:59 AM
Hello Daniel,

Setting the z-index on the correct elements should fix the problem -- please refer to the following blog-post: z-index demystified.

All the best,
Alex Gyoshev
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Tags
Menu
Asked by
Daniel Collier
Top achievements
Rank 1
Answers by
Alex Gyoshev
Telerik team
Share this question
or