Changeset 61024

Timestamp:

10/21/2025 12:40:45 PM (3 months ago)

Author:

cbravobernal

Message:

Global styles: add element support for text related inputs.

Adds elements support to text based form inputs so a theme can style consistently how forms should look like regardless of the plugins/blocks installed.

Props onemaggie, mukesh27, sabernhardt, scruffian, get_dave, ocean90, mikachan, wildworks.

Fixes #63878.

File:

• trunk/src/wp-includes/class-wp-theme-json.php (modified) (1 diff)

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

@@ -614 +614 @@
      * @since 5.8.0
      * @since 6.1.0 Added `heading`, `button`, and `caption` elements.
-     * @since 6.9.0 Added `textInput` elements.
      * @var string[]
      */
     const ELEMENTS = array(
-        'link'      => 'a:where(:not(.wp-element-button))', // The `where` is needed to lower the specificity.
-        'heading'   => 'h1, h2, h3, h4, h5, h6',
-        'h1'        => 'h1',
-        'h2'        => 'h2',
-        'h3'        => 'h3',
-        'h4'        => 'h4',
-        'h5'        => 'h5',
-        'h6'        => 'h6',
+        'link'    => 'a:where(:not(.wp-element-button))', // The `where` is needed to lower the specificity.
+        'heading' => 'h1, h2, h3, h4, h5, h6',
+        'h1'      => 'h1',
+        'h2'      => 'h2',
+        'h3'      => 'h3',
+        'h4'      => 'h4',
+        'h5'      => 'h5',
+        'h6'      => 'h6',
         // We have the .wp-block-button__link class so that this will target older buttons that have been serialized.
-        'button'    => '.wp-element-button, .wp-block-button__link',
+        'button'  => '.wp-element-button, .wp-block-button__link',
         // The block classes are necessary to target older content that won't use the new class names.
-        'caption'   => '.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption',
-        'cite'      => 'cite',
-        'textInput' => 'textarea, input:where([type=email],[type=number],[type=password],[type=search],[type=text],[type=tel],[type=url])',
+        'caption' => '.wp-element-caption, .wp-block-audio figcaption, .wp-block-embed figcaption, .wp-block-gallery figcaption, .wp-block-image figcaption, .wp-block-table figcaption, .wp-block-video figcaption',
+        'cite'    => 'cite',
     );