Lowered specificity of alignment rules (#38947)

* lowered specificity of alignment rules * apply the same fix to the editor * linting
WordPress · Feb 21, 2022 · 1b02fb4 · 1b02fb4
1 parent 40aca04
commit 1b02fb4
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/lib/block-supports/layout.php b/lib/block-supports/layout.php
@@ -53,7 +53,7 @@ function gutenberg_get_layout_style( $selector, $layout, $has_block_gap_support
 
 		$style = '';
 		if ( $content_size || $wide_size ) {
-			$style  = "$selector > :not(.alignleft):not(.alignright) {";
+			$style  = "$selector > :where(:not(.alignleft):not(.alignright)) {";
 			$style .= 'max-width: ' . esc_html( $all_max_width_value ) . ';';
 			$style .= 'margin-left: auto !important;';
 			$style .= 'margin-right: auto !important;';

diff --git a/packages/block-editor/src/layouts/flow.js b/packages/block-editor/src/layouts/flow.js
@@ -115,7 +115,10 @@ export default {
 		let output =
 			!! contentSize || !! wideSize
 				? `
-					${ appendSelectors( selector, '> :not(.alignleft):not(.alignright)' ) } {
+					${ appendSelectors(
+						selector,
+						'> :where(:not(.alignleft):not(.alignright))'
+					) } {
 						max-width: ${ contentSize ?? wideSize };
 						margin-left: auto !important;
 						margin-right: auto !important;