Ticket #25592: 25592.3.diff

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

@@ -56 +56 @@
 
         $( function() {
                 // Search toggle.
-                $( '.search-toggle' ).on( 'click.twentyfourteen', function() {
+                $( '.search-toggle' ).on( 'click.twentyfourteen', function( event ) {
                         var that    = $( this ),
                                 wrapper = $( '.search-box-wrapper' );
 
@@ -63 +63 @@
                         that.toggleClass( 'active' );
                         wrapper.toggleClass( 'hide' );
 
-                        if ( that.is( '.active' ) ) {
+                        if ( that.is( '.active' ) || $( '.screen-reader-text' ) === event.target ) {
                                 wrapper.find( '.search-field' ).focus();
                         }
                 } );

wp-content/themes/twentyfourteen/style.css

@@ -903 +903 @@
         width: 100%;
 }
 
-.search-toggle .screen-reader-text {
-        right: 0; /* This makes sure a horizontal scrollbar won't appear */
-}
 
-
 /**
  * 5.0 Navigation
  * -----------------------------------------------------------------------------