I'm trying to create a kendo menu that stays inside a bootstrap responsive grid. I don't want to set an explicit width, but allow users to scroll when items don't fit in the screen width.
Example: https://dojo.telerik.com/EJojofaD/6
When I try to click on a sub menu item, it closes too soon. When I remove the 'scrollable' property, clicking on child items works, but the menu overflows its containers.
How can I have a menu that stays inside a bootstrap grid column without specifying a width explicitly, and still be able to?