Ticket #38211: 38211.5.diff

src/js/_enqueues/wp/updates.js

@@ -139 +139 @@
          */
         wp.updates.searchTerm = '';
 
+        /**
+         * Minimum number of characters before an ajax search is fired.
+         *
+         * @since 5.4.0
+         *
+         * @type {number}
+         */
+        wp.updates.searchMinCharacters = 2;
+
         /**
          * Whether filesystem credentials need to be requested from the user.
          *
@@ -2502 +2511 @@
                         $pluginInstallSearch.attr( 'aria-describedby', 'live-search-desc' );
                 }
 
+                // Track the previous search string length.
+                var previousSearchStringLength = 0;
+
                 /**
                  * Handles changes to the plugin search box on the new-plugin page,
                  * searching the repository dynamically.
@@ -2509 +2521 @@
                  * @since 4.6.0
                  */
                 $pluginInstallSearch.on( 'keyup input', _.debounce( function( event, eventtype ) {
-                        var $searchTab = $( '.plugin-install-search' ), data, searchLocation;
+                        var $searchTab = $( '.plugin-install-search' ), data, searchLocation,
+                                searchStringLength = $pluginInstallSearch.val().length;
 
                         data = {
                                 _ajax_nonce: wp.updates.ajaxNonce,
@@ -2520 +2533 @@
                         };
                         searchLocation = location.href.split( '?' )[ 0 ] + '?' + $.param( _.omit( data, [ '_ajax_nonce', 'pagenow' ] ) );
 
+                        // Set the autocomplete attribute, turning off autocomplete 1 character before ajax search kicks in.
+                        if ( 0 === searchStringLength || searchStringLength < wp.updates.searchMinCharacters ) {
+                                $pluginInstallSearch.attr( 'autocomplete', 'on' );
+                        } else {
+                                $pluginInstallSearch.attr( 'autocomplete', 'off' );
+                        }
+
+                        // Only search when user has typed a a minimum number of characters (default 2).
+                        if (
+                                0 !== searchStringLength &&
+                                searchStringLength < wp.updates.searchMinCharacters &&
+                                previousSearchStringLength < wp.updates.searchMinCharacters
+                        ) {
+                                return;
+                        }
+                        previousSearchStringLength = searchStringLength;
+
                         // Clear on escape.
                         if ( 'keyup' === event.type && 27 === event.which ) {
                                 event.target.value = '';
@@ -2579 +2609 @@
 
                 if ( $pluginSearch.length ) {
                         $pluginSearch.attr( 'aria-describedby', 'live-search-desc' );
+
                 }
 
                 /**
@@ -2594 +2625 @@
                                 pagenow:       pagenow,
                                 plugin_status: 'all'
                         },
-                        queryArgs;
+                        queryArgs,
+                        searchStringLength = $pluginSearch.val().length;
+
+                        // Set the autocomplete attribute, turning off autocomplete 1 character before ajax search kicks in.
+                        if ( 0 === searchStringLength || searchStringLength < wp.updates.searchMinCharacters - 1 ) {
+                                $pluginSearch.attr( 'autocomplete', 'on' );
+                        } else {
+                                $pluginSearch.attr( 'autocomplete', 'off' );
+                        }
+
+                        // Only search when user has typed a a minimum number of characters (default 2).
+                        if (
+                                0 !== searchStringLength &&
+                                searchStringLength < wp.updates.searchMinCharacters &&
+                                previousSearchStringLength < wp.updates.searchMinCharacters
+                        ) {
+                                return;
+                        }
+                        previousSearchStringLength = searchStringLength;
 
                         // Clear on escape.
                         if ( 'keyup' === event.type && 27 === event.which ) {