Changeset 64598 for trunk/src/wp-includes/class-wp-theme-json.php

Timestamp:

10/20/2026 12:27:21 PM (13 hours ago)

Author:

Mamaduka

Message:

Editor: Add pseudo-selector support for select elements.

Adds :hover, :focus, :focus-visible, and :active to the pseudo selectors that WP_Theme_JSON allows for the select element, so themes can style these states in theme.json.

Developed in ​https://github.com/WordPress/wordpress-develop/pull/14544.
Discussed in ​https://github.com/WordPress/gutenberg/pull/81644.

Props onemaggie, mikachan, mamaduka.
Fixes #66349.

File:

• trunk/src/wp-includes/class-wp-theme-json.php (modified) (2 diffs)

trunk/src/wp-includes/class-wp-theme-json.php

@@ -672 +672 @@
          * @since 7.2.0 Added ':required', ':user-valid', ':user-invalid', ':focus', ':focus-visible',
          *              and '::placeholder' support for the text input element.
+         * @since 7.2.0 Added ':hover', ':focus', ':focus-visible', and ':active' support for the select element.
          * @var array
          */
@@ -678 +679 @@
                 'button'    => array( ':link', ':any-link', ':visited', ':hover', ':focus', ':focus-visible', ':active' ),
                 'textInput' => array( ':required', ':user-valid', ':user-invalid', ':focus', ':focus-visible', '::placeholder' ),
+                'select'    => array( ':hover', ':focus', ':focus-visible', ':active' ),
         );