I am having issues with IE 10 and the RadMenu as menu items are not showing when you hover over them - well, they are but they seem to be hiding somewhere (you can see them slide out almost!). in IE9 and earlier including compat mode works just fine but not in IE10 or even IE10 compat mode.

any ideas how I can fix this? This is my code:

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>

<div style="float: right;margin-left:89%; margin-top: 22px; position: absolute; z-index: 10001; color:White; font-family: Segoe UI, Arial, Sans-Serif; font-size:12px;font-weight:bold">

<asp:Literal runat="server" ID="litUserLoggedInDetails" />

</div><br />

<telerik:RadMenu runat="server" ID="RadMenuItems" Height="40px" Width="100%" ForeColor="White">

<DefaultGroupSettings OffsetY="-1" />

</telerik:RadMenu>

I am populating items from codebehind:

foreach (var parent in menuItemsResponse.Menus)
                    {
                        RadMenuItem parentMenuItem = new RadMenuItem(parent.MenuName, parent.PageURL);

                        this.RadMenuItems.Items.Add(parentMenuItem);
                    }

Hello,

I have tested the provided code but I was not able to replicate the described issue. The child items are expanded as expected when user hovers on the parent item under IE10 and IE10 Compact mode as shown in the video here.  Please try to test the attached sample project and try to reproduce that problem and send it back to us for further investigation. 

 

Regards,
Boyan Dimitrov
the Telerik team