Menu not rendering properly in IE

6 posts, 0 answers
  1. Ben
    Ben avatar
    6 posts
    Member since:
    Aug 2012

    Posted 01 Aug 2012 Link to this post

    I am having issues with the kendo menu not rendering properly in IE.  When the menu opens, I can see the border of the menu, and transparent contents.  If I hover over the transparent area, then the items in that container render.


    Also - using a kendo menu within a kendo window in IE - the menu border again renders with transparent content.  However, when moving the mouse cursor over the content area, the items DO NOT render properly.


    In both of these cases, the menu renders correctly in Chrome.


    Any ideas or known workarounds?
  2. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 01 Aug 2012 Link to this post

    Hi Ben,

    This sounds like a hasLayout-related problem. Please try triggering layout on some Menu parent, the Menu item elements or some other related elements, it may help.

    If you need further assistance, please open a support ticket and provide a demo for us to inspect locally.

    Greetings,
    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. Audrey
    Audrey avatar
    2 posts
    Member since:
    Sep 2012

    Posted 05 Oct 2012 Link to this post

    Was the issue to this matter resolved? I'm having the exact same problem. In the current form of my page, the menu will show the border of the menu items, but the entire inner list isn't showing unless you right-click. It'll disappear again if you take away the focus from the context menu.

    The trouble is, if I strip everything down to the bare bones, the issue doesn't reproduce. I've taken out the style sheets to see if the problem lies somewhere in there, but the problem persists.

    Things I've observed from the behavior with regards ONLY to IE9:
    - setting popupCollision from false to true breaks it, not allowing the menu to expand
    - right-clicking the area where the menu should be makes the menu item visible only for as long as the context menu is open
    - removing style sheets has no effect, I do not have any inline style definitions
    - moving the menu outside of any divs doesn't have any effect
    - when the menu closes, you can briefly see the list
    - removing any elements that would get in the way of the list opening has no effect
    - changing any or all of the style definitions that would trigger MS' "hasLayout" has no effect (i.e. changing width or adding a min-height)
  5. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 08 Oct 2012 Link to this post

    Hi Audrey,

    If stripping everything down to the bare bones prevents the problem, then there must be something on the page, which triggers it - probably some HTML markup? Try removing code by smaller portions, so that it is easily seen what is the cause of the issue. If nothing comes up, please send me a runnable example, so that I can take a look.

    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!
  6. Vladica
    Vladica avatar
    2 posts
    Member since:
    Aug 2013

    Posted 14 Feb 2014 Link to this post

    Hi Dimo, 

    what it the status with this issue, I have the same as Audrey posted.

    Regards,
    Valdica
  7. Dimo
    Admin
    Dimo avatar
    8333 posts

    Posted 15 Feb 2014 Link to this post

    Hi Valdica,

    As my previous replies suggest, we never reproduced the issue on our side. Please follow my recommendations and provide a demo if needed.

    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