Update for wordpress embed case border styling

WordPress · Nov 26, 2024 · b0e2645 · b0e2645
1 parent cc18957
commit b0e2645
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/packages/block-library/src/embed/embed-preview.js b/packages/block-library/src/embed/embed-preview.js
@@ -76,7 +76,11 @@ export default function EmbedPreview( {
 	/* eslint-disable jsx-a11y/no-static-element-interactions */
 	const embedWrapper =
 		'wp-embed' === type ? (
-			<WpEmbedPreview html={ html } />
+			<WpEmbedPreview
+				html={ html }
+				className={ borderProps.className }
+				style={ { ...borderProps.style } }
+			/>
 		) : (
 			<div
 				className={ clsx(

diff --git a/packages/block-library/src/embed/wp-embed-preview.js b/packages/block-library/src/embed/wp-embed-preview.js
@@ -13,7 +13,7 @@ const attributeMap = {
 	marginwidth: 'marginWidth',
 };
 
-export default function WpEmbedPreview( { html } ) {
+export default function WpEmbedPreview( { html, className, style } ) {
 	const ref = useRef();
 	const props = useMemo( () => {
 		const doc = new window.DOMParser().parseFromString( html, 'text/html' );
@@ -68,7 +68,10 @@ export default function WpEmbedPreview( { html } ) {
 	}, [] );
 
 	return (
-		<div className="wp-block-embed__wrapper">
+		<div
+			className={ `wp-block-embed__wrapper ${ className }` }
+			style={ style }
+		>
 			<iframe
 				ref={ useMergeRefs( [ ref, useFocusableIframe() ] ) }
 				title={ props.title }