Make WordPress Core


Ignore:
Timestamp:
06/25/2023 05:20:01 PM (12 months 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:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/includes/class-wp-media-list-table.php

    r55971 r56023  
    313313
    314314            <div class="search-form">
    315                 <label for="media-search-input" class="media-search-input-label"><?php esc_html_e( 'Search' ); ?></label>
    316                 <input type="search" id="media-search-input" class="search" name="s" value="<?php _admin_search_query(); ?>">
     315                <p class="search-box">
     316                    <label class="screen-reader-text" for="media-search-input">
     317                    <?php
     318                    /* translators: Hidden accessibility text. */
     319                    esc_html_e( 'Search Media' );
     320                    ?>
     321                    </label>
     322                    <input type="search" id="media-search-input" class="search" name="s" value="<?php _admin_search_query(); ?>">
     323                    <input id="search-submit" type="submit" class="button" value="<?php esc_attr_e( 'Search Media' ); ?>">
     324                </p>
    317325            </div>
    318326        </div>
Note: See TracChangeset for help on using the changeset viewer.