Adjust Z index or some other magic

[Gabriel]

I have a menu inside a splitter and when it expands, it expands outside the spitter, and the splitter needs to be resized to see the menu items.

Is it possible to change the order of a menu so the overflow is not hidden and it expands over the spitter?

This post: http://www.kendoui.com/forums/ui/menu/menu-z-index.aspx and http://www.kendoui.com/forums/ui/menu/menu-splitter-hides-the-pop-ups.aspx don't work. All this does is cause scrollbars to show on the splitter pane containing the menu, it doesn't actually make the menu items expand over the top of the splitter.

[Kamen Bundev]

Hello Gabriel,

The Menu items are not detached - they reside inside it. The Splitter on the other hand has overflow: auto and this will hide the menu items. You probably need to get the Menu outside of the splitter.

All the best,
Kamen Bundev
the Telerik team

[Gabriel]

Thanks. Why does a dropdown work then and not the menu? Is there any possibility of making it expand over and outside the bounds of a splitter like the dropdowns do?

This Fiddle has what I mean: http://jsfiddle.net/kyHHx/4/ Granted, there is a quirk where the resizable spliter pane bar goes through the dropdown, but it still goes outside the pane.

[Kamen Bundev]

Hello Gabriel,

The DropDownList has a detached Popup which lives in the document.body and thus it is able to show over obstacles. The Menu on the other hand contains its Popups and they cannot leave any container with overflow other than visible. Our current roadmap doesn't include such a feature, however you can go to our Kendo UI UserVoice feedback page and vote for it.

Regards,
Kamen Bundev
the Telerik team

[Gabriel]

Just an update: a menu inside a pane on the left CAN expand to the right outside and over the panes to the right.
They don't seem able to drop down over or from the right outside.

This seems more like a bug than by design.

[David]

This is really basic requirements for a menu control.  You can achieve this functionality fine with the Telerik AJAX controls (and just about every other control suite I've ever used).  This really needs to be addressed.  A menu should be windowed OVER the splitter if used within a splitter pane.

[Audrey]

I was able to override it with this:

.k-splitter .k-scrollable

{

    overflow: visible;

}

Which, if you were worried about other overflow from other parts of the body, you could use the jQuery css method to change the overflow while the menu is open.

:-)