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

Timestamp:

02/21/2025 04:46:34 PM (19 months ago)

Author:

joedolson

Message:

Themes: Support :focus-visible in theme.json.

Add the :focus-visible pseudo selector as a valid element in the theme.json schema. See also ​https://github.com/WordPress/gutenberg/pull/68521.

Props huubl, audrasjb, poena, sabernhardt, afercia, annebovelett.
Fixes #62906.

File:

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

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

@@ -579 +579 @@
          * Defines which pseudo selectors are enabled for which elements.
          *
-         * The order of the selectors should be: link, any-link, visited, hover, focus, active.
+         * The order of the selectors should be: link, any-link, visited, hover, focus, focus-visible, active.
          * This is to ensure the user action (hover, focus and active) styles have a higher
          * specificity than the visited styles, which in turn have a higher specificity than
@@ -589 +589 @@
          * @since 6.1.0
          * @since 6.2.0 Added support for ':link' and ':any-link'.
+         * @since 6.8.0 Added support for ':focus-visible'.
          * @var array
          */
         const VALID_ELEMENT_PSEUDO_SELECTORS = array(
-                'link'   => array( ':link', ':any-link', ':visited', ':hover', ':focus', ':active' ),
-                'button' => array( ':link', ':any-link', ':visited', ':hover', ':focus', ':active' ),
+                'link'   => array( ':link', ':any-link', ':visited', ':hover', ':focus', ':focus-visible', ':active' ),
+                'button' => array( ':link', ':any-link', ':visited', ':hover', ':focus', ':focus-visible', ':active' ),
         );