Lighter block DOM: Group (#20586)

WordPress · Mar 10, 2020 · 0bbb41e · 0bbb41e
1 parent f2028fa
commit 0bbb41e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/block-library/src/group/edit.js b/packages/block-library/src/group/edit.js
@@ -3,7 +3,11 @@
  */
 import { withSelect } from '@wordpress/data';
 import { compose } from '@wordpress/compose';
-import { InnerBlocks, __experimentalUseColors } from '@wordpress/block-editor';
+import {
+	InnerBlocks,
+	__experimentalUseColors,
+	__experimentalBlock as Block,
+} from '@wordpress/block-editor';
 import { useRef } from '@wordpress/element';
 
 function GroupEdit( { hasInnerBlocks, className } ) {
@@ -28,7 +32,7 @@ function GroupEdit( { hasInnerBlocks, className } ) {
 			{ InspectorControlsColorPanel }
 			<BackgroundColor>
 				<TextColor>
-					<div className={ className } ref={ ref }>
+					<Block.div className={ className } ref={ ref }>
 						<div className="wp-block-group__inner-container">
 							<InnerBlocks
 								renderAppender={
@@ -37,7 +41,7 @@ function GroupEdit( { hasInnerBlocks, className } ) {
 								}
 							/>
 						</div>
-					</div>
+					</Block.div>
 				</TextColor>
 			</BackgroundColor>
 		</>

diff --git a/packages/block-library/src/group/index.js b/packages/block-library/src/group/index.js
@@ -87,6 +87,7 @@ export const settings = {
 		align: [ 'wide', 'full' ],
 		anchor: true,
 		html: false,
+		lightBlockWrapper: true,
 	},
 	transforms: {
 		from: [