Scrolling on menu dropdowns - how to control?

[Andrew]

I have a horizontal kendo menu (6 items across) with varying sizes of dropdowns (submenus) associated with each item. My question is how do I control the appearance of the scrollbar on those items? They're all created in a similar fashion, but a couple will display only 1 item with a scrollbar for the rest of the items, and the others will display the full list in its entirety. I'm not certain what to look for in the code that would trigger such a behavior, or if I can override in the css...   

[Andrew]

It seems that the pattern is that the menu dropdowns that have an additional sub-level do not render scrollbars, where the dropdown menus that do not have an sub-menu items compact and render scroll bars.

[Andrew]

Fixed it by applying the following:

        .k-menu-group {
            overflow: visible !important;
        }

[Dimitar]

It is possible to control the height of submenu dropdowns and make them scrollable by setting the Menu scrollable property to true and overwriting the dropdown appearance through the following CSS:

    <style>
      .k-menu-group{
        height: 300px !important;
        overflow: hidden !important;
      }
    </style>

This Dojo snippet shows the above approach.

Regards,
Dimitar
Progress Telerik

[Andrew]

I want to remove the scrollbars though, I guess I was unclear in my initial question in trying to figure out how to control them. The goal is to have no scrollbars. Menus which do not have sub-menus render a scrollbar, and menus that do have sub-menus do not render a scrollbar. This only happened after upgrading the kendo js files.