Fix unclickable submenus on touchscreen tablet (#1983)

It works by cancelling the onclick URL change for the current (bold)
parent menu item. This matches the mobile experience. Touchscreens can
now tap a menu to go there (preserving current UX), tap again to open
the submenu, then tap the submenu item. Previous behavior with mice is
unchanged.

Co-authored-by: ShubhamOulkar <[email protected]>
Co-authored-by: bjohansebas <[email protected]>

Author: 3 people

js/menu.js

@@ -20,7 +20,10 @@ let activeDrawer // active dropdown nav link
 
 
 for (const el of itemsMenu) {
-	el.addEventListener("click", () => {
+	el.addEventListener("click", (e) => {
+		if (e.target.parentNode === el && e.pointerType === "touch" && el.querySelector("a.active")) {
+			e.preventDefault(); // Tapping active menu on touchscreen tablet should open menu, not click
+		}
 		if (isSmallScreen || 'ontouchstart' in document.documentElement) {
 		// HANDLE ACTIVE LINKS IN DROPDOWN NAV	
 		// if no activeDrawer set then page was set in md logic