Changeset 59854

Timestamp:

02/21/2025 04:46:34 PM (2 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' ),
     );