diff --git a/packages/block-library/src/group/block.json b/packages/block-library/src/group/block.json index 4fd5f14cfb37f..bd79422311dbb 100644 --- a/packages/block-library/src/group/block.json +++ b/packages/block-library/src/group/block.json @@ -61,9 +61,7 @@ "fontSize": true } }, - "__experimentalLayout": { - "allowOrientation": false - } + "__experimentalLayout": true }, "editorStyle": "wp-block-group-editor", "style": "wp-block-group" diff --git a/packages/block-library/src/group/variations.js b/packages/block-library/src/group/variations.js index f5bf4b6ad222f..a31fe9aad1407 100644 --- a/packages/block-library/src/group/variations.js +++ b/packages/block-library/src/group/variations.js @@ -21,7 +21,16 @@ const variations = [ attributes: { layout: { type: 'flex' } }, scope: [ 'inserter', 'transform' ], isActive: ( blockAttributes ) => - blockAttributes.layout?.type === 'flex', + blockAttributes.layout?.type === 'flex' && ( ! blockAttributes.layout?.orientation || blockAttributes.layout?.orientation === 'horizontal' ), + }, + { + name: 'group-stack', + title: __( 'Stack' ), + description: __( 'Blocks stacked in a column.' ), + attributes: { layout: { type: 'flex', orientation: 'vertical' } }, + scope: [ 'inserter', 'transform' ], + isActive: ( blockAttributes ) => + blockAttributes.layout?.type === 'flex' && blockAttributes.layout?.orientation === 'vertical', }, ];