This is a migrated thread and some comments may be shown as answers.

Menu inside ResponsivePanel won't stay open in mobile

2 Answers 69 Views

This is a migrated thread and some comments may be shown as answers.

Kevin F asked on 23 Jan 2020, 05:17 PM

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 Answers, 1 is accepted

Accepted