Menu + Splitter hides the pop ups

[Jared]

Hello,

Menu pop-ups are hidden,
http://i43.tinypic.com/15xmufa.png

Tried setting z-Index.

Thanks,

Jared
Chrome 15 // FF + Win7

[Dimo]

Hello Jared,

The observed issue is expected in default scenarios. In order to resolve it, the following styles must be applied to the Splitter pane (div) that contains the menu:

overflow: visible;
z-index: 1;

Regards,
Dimo
the Telerik team

[Will]

Sorry but Dimo's answer is wrong.   Take a look at:

http://telerik.org/forums/adjust-z-index-or-some-other-magic

Audrey's suggestion has worked for me:

.k-splitter .k-scrollable
{
    overflow: visible;
}

 

[Mark]

I know this is an old post but still relevant in newest release. I agree here accept my panes are not scrollable so went with the following which worked for me. Including z-index: 1 breaks the fix in my case.

.k-splitter .k-pane
{
    overflow: visible;
}

[Dimo]

Hi Will,

My answer suggests exactly the same thing as the code you have quoted, so I don't see anything wrong here. In addition, if you omit the z-index style, you may still have problems in particular scenarios, because subsequent Splitter panes create higher stacking contexts and the Menu groups cannot overlap them.

Regards,
Dimo
Telerik