feat: add blockGap support to Comment Template

WordPress · Feb 24, 2025 · cc9ccfb · cc9ccfb
1 parent cca7615
commit cc9ccfb
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/docs/reference-guides/core-blocks.md b/docs/reference-guides/core-blocks.md
@@ -178,7 +178,7 @@ Contains the block elements used to display a comment, like the title, date, aut
 -	**Name:** core/comment-template
 -	**Category:** design
 -	**Parent:** core/comments
--	**Supports:** align, interactivity (clientNavigation), spacing (margin, padding), typography (fontSize, lineHeight), ~~html~~, ~~reusable~~
+-	**Supports:** align, interactivity (clientNavigation), layout, spacing (blockGap, margin, padding), typography (fontSize, lineHeight), ~~html~~, ~~reusable~~
 
 ## Comments
 

diff --git a/packages/block-library/src/comment-template/block.json b/packages/block-library/src/comment-template/block.json
@@ -12,9 +12,13 @@
 		"align": true,
 		"html": false,
 		"reusable": false,
+		"layout": true,
 		"spacing": {
 			"margin": true,
-			"padding": true
+			"padding": true,
+			"blockGap": {
+				"__experimentalDefault": "1.25em"
+			}
 		},
 		"typography": {
 			"fontSize": true,

diff --git a/packages/block-library/src/comment-template/edit.js b/packages/block-library/src/comment-template/edit.js
@@ -116,7 +116,7 @@ function CommentTemplateInnerBlocks( {
 } ) {
 	const { children, ...innerBlocksProps } = useInnerBlocksProps(
 		{},
-		{ template: TEMPLATE }
+		{ template: TEMPLATE, __unstableDisableLayoutClassNames: true }
 	);
 
 	return (
@@ -241,8 +241,9 @@ const CommentsList = ( {
 export default function CommentTemplateEdit( {
 	clientId,
 	context: { postId },
+	__unstableLayoutClassNames: layoutClassNames,
 } ) {
-	const blockProps = useBlockProps();
+	const blockProps = useBlockProps( { className: layoutClassNames } );
 
 	const [ activeCommentId, setActiveCommentId ] = useState();
 	const {