From 1c146ff13680bd390161c07a815bc6e0b450b233 Mon Sep 17 00:00:00 2001
From: Mike Jolley <mike.jolley@me.com>
Date: Fri, 3 Feb 2023 14:14:24 +0000
Subject: [PATCH] Ensure editable content fields are transparent in the editor

#8359 #7007
---
 .../cart/inner-blocks/cart-order-summary-heading/edit.tsx       | 1 +
 assets/js/blocks/checkout/form-step/form-step-block.tsx         | 2 ++
 assets/js/blocks/product-search/edit.js                         | 1 +
 assets/js/editor-components/block-title/index.js                | 1 +
 4 files changed, 5 insertions(+)

diff --git a/assets/js/blocks/cart/inner-blocks/cart-order-summary-heading/edit.tsx b/assets/js/blocks/cart/inner-blocks/cart-order-summary-heading/edit.tsx
index 2b9c7e08b6a..ee105b65b6d 100644
--- a/assets/js/blocks/cart/inner-blocks/cart-order-summary-heading/edit.tsx
+++ b/assets/js/blocks/cart/inner-blocks/cart-order-summary-heading/edit.tsx
@@ -37,6 +37,7 @@ export const Edit = ( {
 					onChange={ ( value ) =>
 						setAttributes( { content: value } )
 					}
+					style={ { backgroundColor: 'transparent' } }
 				/>
 			</Title>
 		</div>
diff --git a/assets/js/blocks/checkout/form-step/form-step-block.tsx b/assets/js/blocks/checkout/form-step/form-step-block.tsx
index d4eaee87de3..d20d806df96 100644
--- a/assets/js/blocks/checkout/form-step/form-step-block.tsx
+++ b/assets/js/blocks/checkout/form-step/form-step-block.tsx
@@ -66,6 +66,7 @@ export const FormStepBlock = ( {
 					className={ '' }
 					value={ title }
 					onChange={ ( value ) => setAttributes( { title: value } ) }
+					style={ { backgroundColor: 'transparent' } }
 				/>
 			</FormStepHeading>
 			<div className="wc-block-components-checkout-step__container">
@@ -86,6 +87,7 @@ export const FormStepBlock = ( {
 								description: value,
 							} )
 						}
+						style={ { backgroundColor: 'transparent' } }
 					/>
 				</p>
 				<div className="wc-block-components-checkout-step__content">
diff --git a/assets/js/blocks/product-search/edit.js b/assets/js/blocks/product-search/edit.js
index c881d261b50..74d0530e02a 100644
--- a/assets/js/blocks/product-search/edit.js
+++ b/assets/js/blocks/product-search/edit.js
@@ -86,6 +86,7 @@ const Edit = ( {
 							onChange={ ( value ) =>
 								setAttributes( { label: value } )
 							}
+							style={ { backgroundColor: 'transparent' } }
 						/>
 					</>
 				) }
diff --git a/assets/js/editor-components/block-title/index.js b/assets/js/editor-components/block-title/index.js
index 18ccd0f605d..0827dac567a 100644
--- a/assets/js/editor-components/block-title/index.js
+++ b/assets/js/editor-components/block-title/index.js
@@ -32,6 +32,7 @@ const BlockTitle = ( {
 				className="wc-block-editor-components-title"
 				value={ heading }
 				onChange={ onChange }
+				style={ { backgroundColor: 'transparent' } }
 			/>
 		</TagName>
 	);