add __experimentalSkipSerialization, remove editor style

woocommerce · Nov 16, 2021 · 27a2584 · 27a2584
1 parent cd853d4
commit 27a2584
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 6 deletions.
diff --git a/assets/js/blocks/cart-checkout/mini-cart/editor.scss b/assets/js/blocks/cart-checkout/mini-cart/editor.scss
diff --git a/assets/js/blocks/cart-checkout/mini-cart/index.tsx b/assets/js/blocks/cart-checkout/mini-cart/index.tsx
@@ -26,7 +26,17 @@ const settings = {
 	supports: {
 		html: false,
 		multiple: false,
-		color: true,
+		color: {
+			/**
+			 * Because we don't target the wrapper element, we don't need
+			 * to add color classes and style to the wrapper.
+			 */
+			__experimentalSkipSerialization: true,
+		},
+		/**
+		 * We need this experimental flag because we don't want to style the
+		 * wrapper but inner elements.
+		 */
 		__experimentalSelector:
 			'.wc-block-mini-cart__button, .wc-block-mini-cart__badge',
 	},