Menu + Splitter hides the pop ups

4 posts, 1 answers
  1. Jared
    Jared avatar
    4 posts
    Member since:
    Nov 2011

    Posted 17 Nov 2011 Link to this post

    Hello,

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

    Tried setting z-Index.

    Thanks,

    Jared
    Chrome 15 // FF + Win7
  2. Answer
    Dimo
    Admin
    Dimo avatar
    8331 posts

    Posted 17 Nov 2011 Link to this post

    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
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
  3. Kendo UI is VS 2017 Ready
  4. Will
    Will avatar
    34 posts
    Member since:
    Oct 2013

    Posted 30 May 2014 Link to this post

    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;
    }

     
  5. Dimo
    Admin
    Dimo avatar
    8331 posts

    Posted 30 May 2014 Link to this post

    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
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
Back to Top
Kendo UI is VS 2017 Ready