Problem with dropdown menu with link on the parent (ipad)

[Henry]

Hi,

we've been using the MVC wrapper for Kendo UI Menu widget.

Otherwise it's working fine, but when testing with iPad, the dropdown menu won't show up if the parent menu item is a link. When clicking the parent item, instead of showing the dropdown, it simply opens the link and effectively refreshes the page.

I tried removing the link, and then the dropdown shows up without problems.

The link is created with the .Action() call on the helper. Should the Menu widget support dropdowns on touch screens in this scenario?

[Kamen Bundev]

Hi Henry,

No, since the mobile usage is completely different and relies on tap, we can't prevent the default action of the link and open the dropdown in case someone actually wants the link to open. Thus the developer should decide himself how to handle the situation and either remove the link on a mobile device, or prevent the default action on click.

Regards,
Kamen Bundev
Telerik

 

 

[Henry]

Thanks for the reply, Kamen. I suspected it would be tricky.

It's doable however, if user is required to press twice on the top level item to open the link, as shown in this (non Kendo UI) example:

http://osvaldas.info/examples/drop-down-navigation-touch-friendly-and-responsive/

There seems to be many jQuery plugins that do the same, so maybe it's possible someday to have it built-in in Kendo UI too, as an option? Fingers crossed.

[Kamen Bundev]

Hi Henry,

Thanks for the feature request. You can log it in our Kendo UI feedback portal and we will consider its implementation.

Regards,
Kamen Bundev
Telerik