Horizontal menus not working after update

[Bob]

Today I updated to 2012.3.1315 and the menu's work differently. I have a horizontal menu and the menus drop down fine, but sub-menus rather than flying out to the right (or left if collision is detected) just pop-over the existing menu. Here is a screen cast of it:

http://screencast.com/t/ItUsyEGtB

Not good. Is there a new option I need to set. While I am using KendoUI MVC complete I am not using the wrappers for the menu... I just use the client side API.

BOb

[Bob]

Ok... it appears that this might have been due to moving to jquery 1.8.3. I was testing some other issues and went back to 1.7.1 and the menu started working normally. 

It was my understanding the docs called for a required version to 1.8.2... which I thought was the minimum version supported/tested.

BOb

[Dimo]

Hello Bob,

I am not sure what may be causing the unexpected behavior. Can you check our online demos, which have Kendo UI 2012.3.1315 and jQuery 1.8.2? They work correctly.

http://demos.kendoui.com/web/menu/direction.html

Greetings,
Dimo
the Telerik team

[Bob]

I don't know what to tell you. It works as I showed you. If I do nothing but change my jquery reference to 1.7.1 it works correctly again. Also tried 1.8.2, same problem. Here is my head section:

    <link href="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/cupertino/jquery-ui.css" rel="stylesheet"/>

 

 

     

    <link type="text/css" href="http://aspnet-skins.telerikstatic.com/mvcz/2012.2.607/telerik.common.min.css" rel="stylesheet"/>

<link type="text/css" href="http://aspnet-skins.telerikstatic.com/mvcz/2012.2.607/telerik.vista.min.css" rel="stylesheet"/>

  

 

     

    <link href="//da7xgjtj801h2.cloudfront.net/2012.3.1315/styles/kendo.common.min.css" rel="stylesheet"/>

 

    <link href="//da7xgjtj801h2.cloudfront.net/2012.3.1315/styles/kendo.blueopal.min.css" rel="stylesheet"/>

 

    <link href="/Amsi-v7.5.2/Content/sitecss?v=ElY3JvCXl4coTgnSn6P6T8DZobACcfROw8X8trOPjHY1" rel="stylesheet"/>

 

 

     

 

    <script src="/Amsi-v7.5.2/bundles/modernizr?v=CrSQ2JqMBWFfh4TBo_qC9my0VuaYyxxvmeIWgZa7B0U1"></script>

 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

 

    <script src="//da7xgjtj801h2.cloudfront.net/2012.3.1315/js/kendo.all.min.js"></script>

 

    <script src="//da7xgjtj801h2.cloudfront.net/2012.3.1315/js/kendo.aspnetmvc.min.js"></script>

 

 

    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>

 

    <script src="/Amsi-v7.5.2/bundles/jqueryval?v=1zW5LyjjqW70AvN9wD7lurTDgIZaHtWF3J20oTHAdts1"></script>

 

    <script src="/Amsi-v7.5.2/bundles/jqueryplugins?v=L8v1dw9IF1ugyjsuIvEQzUYDjZVQ22s5sj3lOrI3k7Y1"></script>

 

    <script src="/Amsi-v7.5.2/bundles/amsi_common?v=yPOM-SFRQZwQGWEzSe-0oUEKOBUkBNP5ZeiD2sYbA8I1"></script>

I have tried to remove the telerick css and the jqueryui css to see if that interfered. Any suggestions would be helpful. Unfortunately this project isn't public so you can't look at it. I will see if I can duplicate it in a sample project. We do use jquery templates to form the menu DOM elements, but it's always been that way. (If not, I'll see if I can get this up on Azure or something.)

BOb
 

[Dimo]

Hi Bob,

I am afraid I didn't understand - does the Menu on our online demos work correctly on your side or not? If yes, then there must be some CSS or Javascript code in your application that triggers the problem.

Probably it will be best and simplest to provide a jsFiddle or a jsBin demo.

All the best,
Dimo
the Telerik team

[Bob]

Yes, your demos work... but I don't ship your demos. So, I am asking if you could point to something that could be causing this? As I said, I will try to duplicate it somehow in jsfiddle or in a small project. 

[Dimo]

Hi Bob,

The easiest thing that you can try is strip away any custom stylesheets that you are using. This may isolate the problem quickly. If it does not make a difference, then the next thing is to remove other JS libraries and custom scripts.

If you need further assistance, please provide a demo and I will inspect it.

All the best,
Dimo
the Telerik team