Menu inside ResponsivePanel won't stay open in mobile

[Kevin F]

I have the following Menu inside a ResponsivePanel:

@(Html.Kendo().ResponsivePanel()
    .Name("navPanel")
    .Breakpoint(768)
    .Orientation("top")
    .AutoClose(false)
    .HtmlAttributes(new {@class = "navbar-left"})
    .Content(Html.Kendo().Menu()
        .Name("menu")
        .HtmlAttributes(new { @class = "row"})
        .Items(items =>
        {
            ... various items ...
        }).ToHtmlString())
    )

 

Everything works great in a large view, but when I switch to mobile, the panel does it's thing and shows the hamburger, but when I click, the menu won't stay open.  It opens briefly then closes.

I've noticed the following "warning" in the browser console:
Ignoring ‘preventDefault()’ call on event of type ‘touchstart’ from a listener registered as ‘passive’.

Does anybody have any ideas or experience with this?

Thanks!

Kevin

 

[Kevin F]

found the solution here:

https://www.telerik.com/forums/immediate-close-on-mobile-devices

[Dimitar]

Hello Kevin,

The issue should not occur with  the latest version of ASP.NET MVC, as this was fixed with the 2019 R2 SP1 release:

• https://github.com/telerik/kendo-ui-core/issues/3556

Could you confirm what version of the package are you using when replicating the issue?

Regards,
Dimitar
Progress Telerik