[Solved] submenus dont appear in IE10

[David]

I've just realised that when hovering over a Main Menu item, the Sub Menu items don't appear in IE 10. I've tested with IE8 and Chrome and the Sub Menu items appear.
I have removed all my css from the RadMenu and it still doesn't seem to show in IE10.
I am using version 2013.2.611.45 of the Telerik.Web.UI dll.

A very simple example where it is not showing is:

<div style="height:20%;padding-top:51px;width:100%;">
        <telerik:RadMenu  CollapseAnimation-Duration="2000" ExpandAnimation-Duration="2000"  ID="RadMenu1" Style="float:right;" Flow="Horizontal" runat="server">

       <Items>
           <%--when moving the order of these items, make sure you update the Enum in code--%>
           <telerik:RadMenuItem Text="menu 1"></telerik:RadMenuItem>
           <telerik:RadMenuItem Text="menu 2"></telerik:RadMenuItem>
           <telerik:RadMenuItem Text="menu 3"></telerik:RadMenuItem>
           <telerik:RadMenuItem Text="menu 4"></telerik:RadMenuItem>
           <telerik:RadMenuItem Text="menu 5"></telerik:RadMenuItem>
           <telerik:RadMenuItem Selected="true" Text="menu 6">
               <Items>

                   <%--when moving the order of these items, make sure you update the Enum in code--%>
                   <telerik:RadMenuItem Text="Admin 1"></telerik:RadMenuItem>
                   <telerik:RadMenuItem Text="Admin 2"></telerik:RadMenuItem>
                   <telerik:RadMenuItem Text="Admin 3" ></telerik:RadMenuItem>
                   <telerik:RadMenuItem Text="Admin 4" ></telerik:RadMenuItem>
               </Items>
           </telerik:RadMenuItem>
       </Items>
   </telerik:RadMenu>
    </div>

[Kate]

Hi David,

Can you please check if there are any errors on the page that occur when you try to expand the child items of the RadMenu control? If you can provide us with a live url of the page where you experience the issue, it would be very useful so I can inspect the issue from my side and assist you in the most efficient way. 

Regards,
Kate
Telerik

[David]

thanks for the reply.
I can't send you a link to the live page as its on a secure website.
i have just noticed that the Sub Menu items appear when i click the Main Menu item, though.
This isn't the desired response as i expected it to work just by hovering over.

when I click the Main Menu item a second time, the NavigateURL then gets activated (which is what it should be doing)

I decided to see what happens if i set ClickToOpen to False. I believe it should default as False if you dont add that Property.
Even with ClickToOpen set to False, i still have to Click the Menu Item to open the Sub Menu items in IE10. 
In Chrome and IE8, it doesn't Open when I Click, but correctly opens when i hover.

just to complete my testing, I now set the ClickToOpen Property to True.
Testing in Chrome, Hovering over the Menu Item correclty doesn't work. I click on the item and the Sub Menu items correctly appear but it also fires the NavigateURL that i have set.


Testing in IE10, Hovering over the Menu Item correctly doesn't work. I click on the item and the Sub Menu items correctly appear but this time the NavigateURL DOESNT fire.


There are no error messages that appear.

[David]

i've done abit more testing and this is what i've found.

when i upload my Application to our Testing Server, the 'hover over' works. when testing on my localhost, it doesn't. there is no difference in any of the code between the two.

when testing on my localhost, i press F12.
The default settings are:

Browser Mode: IE10
Document Mode: Standards

if i change Document Mode to 'Internet Explorer 9 Standards' the 'hover over' now works.
when i change Document Mode back to 'Standards', the 'hover over' no longer works and i have to click on the Menu Item to get the Sub Menu Items.

does my testing make sense?

[Kate]

Hi David,

I understand the issue that you are getting and since we have been implementing different changes to the control in the later versions of the RadControls I would suggest that you get the latest version and check if this behavior is still present in your scenario. If that is the case, I would kindly like to to ask you to open a support ticket where you can attach a very simplified runnable project. Thus I can test it from my side and inspect what might be causing the issue that you get.

Regards,
Kate
Telerik

[David]

thanks Kate.
i'm actually confused now because its started working as expected.
I did update to the latest 2013.2.717.45 version on Friday but it didn't seem to make a difference.

I was working on my project this morning and suddenly realised that the menubar was working correctly.
I hadn't made any changes to my Application and my Browser Mode is still set as IE10; Document Mode set as 'Standards'.

although i'm not sure why its worked, it has. so my problem is solved :D

i'll mark your last post as the Answer just to make it clear that my problem is fixed.