fix block style previews

kaeizen · kaeizen · commit f2fa6fab8c04 · 2025-09-15T11:01:49.000+08:00
diff --git a/src/components/style-guide/utils.js b/src/components/style-guide/utils.js
@@ -296,10 +296,12 @@ export const RenderBlock = props => {
 
 	return (
 		<>
+			{ /* Insert the label as a string inside RawHTML so that it appears within
+			the <div> wrapper that RawHTML generates, ensuring proper structure. */ }
 			<RawHTML>
 				{ cleanSerializedBlock( serialized, SERIALIZE_CALLBACKS[ blockName ], attributes ) }
+				{ `<p>${ name }</p>` }
 			</RawHTML>
-			<p>{ name }</p>
 		</>
 	)
 }

Original file line number	Diff line number	Diff line change
`@@ -296,10 +296,12 @@ export const RenderBlock = props => {`
`296`	`296`
`297`	`297`	`return (`
`298`	`298`	`<>`
	`299`	`+ { /* Insert the label as a string inside RawHTML so that it appears within`
	`300`	`+ the <div> wrapper that RawHTML generates, ensuring proper structure. */ }`
`299`	`301`	`<RawHTML>`
`300`	`302`	`{ cleanSerializedBlock( serialized, SERIALIZE_CALLBACKS[ blockName ], attributes ) }`
	`303`	+ { `<p>${ name }</p>` }
`301`	`304`	`</RawHTML>`
`302`		`- <p>{ name }</p>`
`303`	`305`	`</>`
`304`	`306`	`)`
`305`	`307`	`}`