Enable touch support for nav menu links with subitems as seen in TwentySixteen

[mtomas7]

I'm sorry that I cannot directly contribute to this one as my JS skills are very poor. The problem is that normal menu (didn't test with mobile) cannot handle touch events for menu items that are links themselves.

To reproduce this, create a menu item (link to page, cat, etc.), add subitem, then try to expand the menu on a tablet. After clicking on menu item (link) submenu will be displayed for a very short time, until browser is redirecting to the parent item link.

This problem is solved in Twenty Sixteen and JS code is very similar. I was trying to make some changes to no avail :(

Another possible solution could be this:

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

There are some more code samples, but of course I would vote for the Twenty Sixteen implementation as we would have similar code among WP themes. Perhaps others already have some good working solutions?

Thank you!

[stebrech]

+1

[sixhours]

This should be handled in #666; the proposed patch needs testing.

[sixhours]

#962 is the correct, most recent patch without conflicts.

[mtomas7]

It works on Nexus 7 Chrome! 👍

[sixhours]

This has been fixed and merged in #900.