Menu items hide before click

5 posts, 0 answers
  1. Solgenia
    Solgenia avatar
    11 posts
    Member since:
    Sep 2009

    Posted 03 May 2010 Link to this post

    Hi there, I have a strange issue, that is also difficult to explain. Let me try.
    I have an application with a RadMenu, in the attached sample you see two test items. No master pages.
    I click on Item 1, Item 2 is correctly displayed. I move the mouse pointer down to highlight Item 2 BUT when the mouse hovers on the label (or the corresponding empty space on the label sides) the highlight disappears and the submenu collapses, as if I moved the mouse away from the menu.
    This is the code, but is nothing fancy
    mnuMain.Items.Clear(); 
    mnuMain.Items.Add(new Telerik.Web.UI.RadMenuItem("item 1")); 
    mnuMain.Items[0].Items.Add(new Telerik.Web.UI.RadMenuItem("item 2""funnel.aspx")); 
    This is the resulting HTML
    <div id="MenuContainer" class="MenuContainer"
    <div id="mnuMain" class="RadMenu RadMenu_Web20 rmSized" style="border-style:None;width:100%;"
    <!-- 2010.1.429.20 --><ul class="rmRootGroup rmHorizontal"
    <li class="rmItem rmFirst rmLast"><href="#" class="rmLink rmRootLink"><span class="rmText">item 1</span></a><div class="rmSlide"
    <ul class="rmHorizontal rmGroup rmLevel1"
    <li class="rmItem rmFirst rmLast"><href="funnel.aspx" class="rmLink"><span class="rmText">item 2</span></a></li> 
    </ul> 
    </div></li
    </ul><input id="mnuMain_ClientState" name="mnuMain_ClientState" type="hidden" /> 
    </div> 
    I tried both the latest official release and the 429 internal build.
    Any suggestion?
    Thanks
    Luca
  2. Solgenia
    Solgenia avatar
    11 posts
    Member since:
    Sep 2009

    Posted 05 May 2010 Link to this post

    Just to let you know.
    The menu overlapped a DIV with a higher z-index and even if it was drawn over it, the DIV was actually receiving focus when moving the mouse over the overlapping menu items.

    Luca
  3. Yana
    Admin
    Yana avatar
    4907 posts

    Posted 06 May 2010 Link to this post

    Hello Solgenia,

    Can you send us a live url where we could observe this problem?

    Best wishes,
    Yana
    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.
  4. Solgenia
    Solgenia avatar
    11 posts
    Member since:
    Sep 2009

    Posted 11 May 2010 Link to this post

    Hi Yana, I do not have a sample at hand (the app is quite big), but in the picture I attached you can see the border of the IFRAME behind the menu item. When the mouse pointer "crosses" that line the menu loses focus.
    The IFRAME has a z-index of 9998, the RadMenu has no z-index specified.

    Luca
  5. Yana
    Admin
    Yana avatar
    4907 posts

    Posted 14 May 2010 Link to this post

    Hello Solgenia,

    The default z-index of RadMenu when it's open is 8000, please try to set bigger z-index to it like this:

    <telerik:RadMenu ID="RadMenu1" runat="server" style="z-index: 10000">
    ...


    Regards,
    Yana
    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.
Back to Top