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

Timestamp:

10/14/2026 05:12:04 AM (4 days ago)

Author:

isabel_brison

Message:

Editor: fix block style variation custom CSS selector

Ensures block style variations use the feature selector for custom CSS if the block defines one.

Props isabel_brison, andrewserong.
Fixes #66297.

File:

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

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

@@ -3917 +3917 @@
                 $responsive_media_queries = static::get_viewport_media_queries( $settings['viewport'] ?? null );
 
+                $css_feature_selector = $block_metadata['selectors']['css'] ?? null;
+                if ( is_array( $css_feature_selector ) ) {
+                        $css_feature_selector = $css_feature_selector['root'] ?? null;
+                }
+                if ( ! is_string( $css_feature_selector ) ) {
+                        $css_feature_selector = null;
+                }
+
                 // Update text indent selector for paragraph blocks based on the textIndent setting.
                 $block_name           = $block_metadata['name'] ?? null;
@@ -3966 +3974 @@
                                 $style_variation_declarations  = array_merge( $style_variation_declarations, $variation_pseudo_declarations );
 
+                                // Custom CSS targets the block's `css` feature selector, if any.
+                                $variation_css_selector = null !== $css_feature_selector
+                                        ? static::get_block_style_variation_feature_selector( $style_variation, $css_feature_selector )
+                                        : $style_variation['selector'];
+
                                 // Store custom CSS for the style variation.
                                 if ( isset( $style_variation_node['css'] ) ) {
-                                        $style_variation_custom_css[ $style_variation['selector'] ] = $this->process_blocks_custom_css( $style_variation_node['css'], $style_variation['selector'] );
+                                        $style_variation_custom_css[ $style_variation['selector'] ] = $this->process_blocks_custom_css( $style_variation_node['css'], $variation_css_selector );
                                 }
 
@@ -4034 +4047 @@
                                         // Process custom CSS for this breakpoint.
                                         if ( isset( $breakpoint_node['css'] ) ) {
-                                                $breakpoint_custom_css     = static::process_blocks_custom_css( $breakpoint_node['css'], $style_variation['selector'] );
+                                                $breakpoint_custom_css     = static::process_blocks_custom_css( $breakpoint_node['css'], $variation_css_selector );
                                                 $variation_responsive_css .= $breakpoint_media . '{' . $breakpoint_custom_css . '}';
                                         }
@@ -4278 +4291 @@
                 // 7. Generate and append any custom CSS rules.
                 if ( isset( $node['css'] ) && ! $is_root_selector ) {
-                        $css_feature_selector = $block_metadata['selectors']['css'] ?? null;
-                        if ( is_array( $css_feature_selector ) ) {
-                                $css_feature_selector = $css_feature_selector['root'] ?? null;
-                        }
-                        $css_selector = is_string( $css_feature_selector ) ? $css_feature_selector : $selector;
+                        $css_selector = $css_feature_selector ?? $selector;
                         $block_rules .= $this->process_blocks_custom_css( $node['css'], $css_selector );
                 }