Menu inside ResponsivePanel won't stay open in mobile

3 posts, 1 answers
  1. Kevin F
    Kevin F avatar
    70 posts
    Member since:
    Sep 2009

    Posted 23 Jan Link to this post

    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

     

  2. Kevin F
    Kevin F avatar
    70 posts
    Member since:
    Sep 2009

    Posted 24 Jan in reply to Kevin F Link to this post

    found the solution here:

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

  3. Answer
    Dimitar
    Admin
    Dimitar avatar
    786 posts

    Posted 27 Jan Link to this post

    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:

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

    Regards,
    Dimitar
    Progress Telerik

    Get quickly onboarded and successful with your Telerik UI for ASP.NET MVC with the dedicated Virtual Classroom technical training, available to all active customers.
Back to Top