Ticket #25054: tabbable-nav.diff

wp-content/themes/twentyfourteen/rtl.css

@@ -100 +100 @@
 
 .primary-navigation ul ul {
         float: right;
-        right: 0;
+        right: -999em;
         left: auto;
 }
 
 .primary-navigation ul ul ul {
-        right: 100%;
+        right: -999em;
+        left: auto;
+}
+
+
+.primary-navigation ul li:hover > ul,
+.primary-navigation ul li.focus > ul {
+        right: auto;
+}
+
+.primary-navigation ul ul li:hover > ul,
+.primary-navigation ul ul li.focus > ul {
         left: auto;
+        right: 100%;
 }
 
 /* Secondary Navigation */

wp-content/themes/twentyfourteen/style.css

@@ -706 +706 @@
         background-color: #000;
 }
 .primary-navigation ul li:hover > ul,
-.primary-navigation ul li.a11y-focus > ul {
+.primary-navigation ul li.focus > ul {
         left: auto;
 }
 .primary-navigation ul ul li:hover > ul,
-.primary-navigation ul ul li.a11y-focus > ul {
+.primary-navigation ul ul li.focus > ul {
         left: 100%;
 }
 .primary-navigation .current_page_item > a,

wp-content/themes/twentyfourteen/js/theme.js

@@ -117 +117 @@
 
         } );
 
-        /* Accessibility hover styles for menu. */
-        $( '.primary-navigation li' ).hover( function() {
-                        $( this ).addClass( 'a11y-focus' );
-                }, function() {
-                        $( this ).delay( '250' ).removeClass( 'a11y-focus' );
-                }
-        );
-        $( '.primary-navigation li a' ).on( 'focus blur', function() {
-                        $( this ).parents().toggleClass( 'a11y-focus' );
-                }
-        );
-
+        /* Focus styles for primary menu. */
+        $( '.primary-navigation' ).find( 'a' ).on( 'focus.twentyfourteen blur.twentyfourteen', function() {
+                $( this ).parents().toggleClass( 'focus' );
+        });
 } )( jQuery );
+ No newline at end of file