Ticket #30575: twentyfourteen-submenu-fix.patch

*** a/wp-content/themes/twentyfourteen/js/functions.js
--- b/wp-content/themes/twentyfourteen/js/functions.js
@@ -1,5 +1,6 @@
 ( function( $ ) {
  var body    = $( 'body' ),
+  doc     = document,
   _window = $( window ),
   nav, button, menu, sidebar, masthead, secondary, sidebarOffsetTop, menuTop,
   resizeTimer;
@@ -221,6 +222,102 @@
   } );
  }
 
+ /**
+  * Enable touch-friendly toggles for submenu items on larger screens.
+  *
+  * Problem:
+  * On some Android tablets (e.g., Samsung Galaxy Note 10.1, Nexus 7 landscape),
+  * hover-based dropdowns appear/disappear too quickly to tap a submenu link.
+  *
+  * Fix:
+  * - First tap on a parent item opens its submenu (by toggling a `.focus` class).
+  * - Second tap on the same parent follows the link as usual.
+  * - Tapping anywhere outside the navigation closes any open submenus.
+  *
+  * This mirrors the approach used by newer default themes and improves usability
+  * without affecting the mobile menu (which engages at smaller breakpoints).
+  */
+ function enableSubmenuTouchToggles() {
+  // Bail if no primary navigation is present.
+  var container = doc.getElementById( 'primary-navigation' );
+  if ( ! container ) {
+   return;
+  }
+
+  // Only apply on devices that support touch events and when the desktop menu is active.
+  // (The mobile toggle handles smaller screens.)
+  var isTouchCapable = 'ontouchstart' in window || ( window.DocumentTouch && doc instanceof window.DocumentTouch );
+  if ( ! isTouchCapable ) {
+   return;
+  }
+
+  var parentLinks = container.querySelectorAll( '.menu-item-has-children > a, .page_item_has_children > a' );
+  if ( ! parentLinks.length ) {
+   return;
+  }
+
+  // Helper to remove .focus from all menu items.
+  function removeAllFocus() {
+   var focused = container.querySelectorAll( '.menu-item-has-children.focus, .page_item_has_children.focus' );
+   for ( var i = 0; i < focused.length; i++ ) {
+    focused[ i ].classList.remove( 'focus' );
+    var link = focused[ i ].querySelector( 'a' );
+    if ( link ) {
+     link.setAttribute( 'aria-expanded', 'false' );
+    }
+   }
+  }
+
+  // Close on outside taps.
+  doc.addEventListener( 'touchstart', function( e ) {
+   if ( ! container.contains( e.target ) ) {
+    removeAllFocus();
+   }
+  }, { passive: true } );
+
+  // Add touchstart handler to parent links.
+  for ( var i = 0; i < parentLinks.length; i++ ) {
+   ( function( link ) {
+    // Ensure ARIA state exists.
+    link.setAttribute( 'aria-haspopup', 'true' );
+    if ( ! link.hasAttribute( 'aria-expanded' ) ) {
+     link.setAttribute( 'aria-expanded', 'false' );
+    }
+
+    link.addEventListener( 'touchstart', function( e ) {
+     var li = link.parentNode;
+
+     // If submenu isn't open, open it and prevent navigation on first tap.
+     if ( ! li.classList.contains( 'focus' ) ) {
+      e.preventDefault();
+
+      // Close siblings.
+      var siblings = li.parentNode ? li.parentNode.children : [];
+      for ( var j = 0; j < siblings.length; j++ ) {
+       if ( siblings[ j ] !== li && siblings[ j ].classList ) {
+        siblings[ j ].classList.remove( 'focus' );
+        var sLink = siblings[ j ].querySelector( ':scope > a' );
+        if ( sLink ) {
+         sLink.setAttribute( 'aria-expanded', 'false' );
+        }
+       }
+      }
+
+      // Open current.
+      li.classList.add( 'focus' );
+      link.setAttribute( 'aria-expanded', 'true' );
+     } else {
+      // Already open: allow the second tap to follow the link (no preventDefault).
+      // Also close others to avoid multiple open chains.
+      var openSiblings = li.parentNode ? li.parentNode.children : [];
+      for ( var k = 0; k < openSiblings.length; k++ ) {
+       if ( openSiblings[ k ] !== li && openSiblings[ k ].classList ) {
+        openSiblings[ k ].classList.remove( 'focus' );
+        var oLink = openSiblings[ k ].querySelector( ':scope > a' );
+        if ( oLink ) {
+         oLink.setAttribute( 'aria-expanded', 'false' );
+        }
+       }
+      }
+     }
+    }, { passive: false } );
+   } )( parentLinks[ i ] );
+  }
+ }
+
+ // Initialize touch-friendly submenu toggles after DOM is ready.
+ $( enableSubmenuTouchToggles );
+
  /**
   * Listen for a click on the "Skip to content" link.
   * This is necessary because the link targets an element that