The observed behavior is caused by the way the z-index property works
in general. The z-index
of a child element cannot be higher of the one of its parent element.
div is a child of the corresponding expanded LI element, which in turn is a child either of another .k-animation-container div
, or of the root UL
the Kendo UI Menu is initialized from. Therefore it is not possible to show one sub-menu level below the Kendo UI Window, and another - on top of it.
You can only set the z-index
of the root UL
's descendant LI
s to be higher than the Window's one, and therefore show all sub-menus on top of the Window:
Telerik by Progress