Menu not rendering properly in IE

[Ben]

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?

[Dimo]

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

[Audrey]

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)

[Dimo]

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

[Vladica]

Hi Dimo, 

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

Regards,
Valdica

[Dimo]

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