Add hasChildSelected prop

WordPress · May 16, 2019 · a3e9dbd · a3e9dbd
1 parent 5096ee9
commit a3e9dbd
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/block-editor/src/components/block-list/block.js b/packages/block-editor/src/components/block-list/block.js
@@ -60,6 +60,7 @@ const preventDrag = ( event ) => {
 
 function BlockListBlock( {
 	blockRef,
+	hasChildSelected,
 	mode,
 	isFocusMode,
 	hasFixedToolbar,
@@ -382,6 +383,7 @@ function BlockListBlock( {
 				const wrapperClassName = classnames(
 					'wp-block editor-block-list__block block-editor-block-list__block',
 					{
+						'has-child-selected': hasChildSelected,
 						'has-warning': ! isValid || !! hasError || isUnregisteredBlock,
 						'is-selected': shouldAppearSelected,
 						'is-multi-selected': isPartOfMultiSelection,
@@ -392,7 +394,6 @@ function BlockListBlock( {
 						'is-focused':
 							isFocusMode && ( isSelected || isParentOfSelectedBlock ),
 						'is-focus-mode': isFocusMode,
-						'has-child-selected': isParentOfSelectedBlock,
 					},
 					className
 				);
@@ -595,6 +596,7 @@ const applyWithSelect = withSelect(
 		const { name, attributes, isValid } = block || {};
 
 		return {
+			hasChildSelected: hasSelectedInnerBlock( clientId ),
 			isPartOfMultiSelection:
 				isBlockMultiSelected( clientId ) || isAncestorMultiSelected( clientId ),
 			isFirstMultiSelected: isFirstMultiSelectedBlock( clientId ),