Changeset 1326

Timestamp:

02/25/2015 08:42:52 PM (10 years ago)

Author:

coffee2code

Message:

developer.wordpress.org: Give focus to search input after revealing search bar. Fixes #882

File:

• sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/search.js (modified) (1 diff)

sites/trunk/wordpress.org/public_html/wp-content/themes/pub/wporg-developer/js/search.js

@@ -1 +1 @@
 ( function( $ ) {
-    // Toggle search
-    $( '#inner-search .search-section' ).toggle();
 
+    function toggle_search_bar() {
+        // The search input field.
+        var search_input = $( '#inner-search .search-section .search-field' );
+
+        // Toggle display.
+        $( '#inner-search .search-section' ).toggle();
+
+        // Give input field focus if it is now visible, remove focus otherwise.
+        if ( search_input.is(':visible') ) {
+            search_input.focus();
+        } else {
+            search_input.blur();
+        }
+    }
+
+    // Toggle search bar on page load (it's shown by default).
+    toggle_search_bar();
+
+    // Toggle search bar when icon is clicked.
     $( '#inner-search #inner-search-icon' ).on( 'click', function() {
-        $( '#inner-search .search-section' ).toggle();
+        toggle_search_bar();
     });
+
 } )( jQuery );