Changeset 56023 for trunk/src/wp-admin/includes/class-wp-media-list-table.php

Timestamp:

06/25/2023 05:20:01 PM (2 years ago)

Author:

joedolson

Message:

Administration: Consistent positioning and size of search form.

Move the visual positioning of the posts search form into it's DOM position. Fixes an accessibility bug where the keyboard focus sequence did not match the visual order. Change the media search form in list view to match the format of other post views. Give search forms a consistent layout on mobile.

Props oglekler, sabernhardt, joedolson.
Fixes #57949.

File:

• trunk/src/wp-admin/includes/class-wp-media-list-table.php (modified) (1 diff)

trunk/src/wp-admin/includes/class-wp-media-list-table.php

@@ -313 +313 @@
 
             <div class="search-form">
-                <label for="media-search-input" class="media-search-input-label"><?php esc_html_e( 'Search' ); ?></label>
-                <input type="search" id="media-search-input" class="search" name="s" value="<?php _admin_search_query(); ?>">
+                <p class="search-box">
+                    <label class="screen-reader-text" for="media-search-input">
+                    <?php
+                    /* translators: Hidden accessibility text. */
+                    esc_html_e( 'Search Media' );
+                    ?>
+                    </label>
+                    <input type="search" id="media-search-input" class="search" name="s" value="<?php _admin_search_query(); ?>">
+                    <input id="search-submit" type="submit" class="button" value="<?php esc_attr_e( 'Search Media' ); ?>">
+                </p>
             </div>
         </div>