diff --git a/src/block/blockquote/edit.js b/src/block/blockquote/edit.js
index 76a51deb83..03259ad7a0 100644
--- a/src/block/blockquote/edit.js
+++ b/src/block/blockquote/edit.js
@@ -103,7 +103,7 @@ const Edit = props => {
diff --git a/src/block/expand/edit.js b/src/block/expand/edit.js
index 463affa0f2..8e76ea2aae 100644
--- a/src/block/expand/edit.js
+++ b/src/block/expand/edit.js
@@ -38,6 +38,7 @@ import { InnerBlocks } from '@wordpress/block-editor'
import { __ } from '@wordpress/i18n'
import { addFilter } from '@wordpress/hooks'
import { memo } from '@wordpress/element'
+import { useSelect } from '@wordpress/data'
const TEMPLATE = [
[ 'stackable/text', {
@@ -70,6 +71,12 @@ const Edit = props => {
} = props
const blockAlignmentClass = getAlignmentClasses( props.attributes )
+ const { hasInnerBlocks } = useSelect( select => {
+ const { getBlockOrder } = select( 'core/block-editor' )
+ return {
+ hasInnerBlocks: getBlockOrder( props.clientId ).length > 0,
+ }
+ }, [ props.clientId ] )
const blockClassNames = classnames( [
className,
@@ -110,7 +117,7 @@ const Edit = props => {
>
diff --git a/src/block/price/edit.js b/src/block/price/edit.js
index 0547411d85..1c33f94350 100644
--- a/src/block/price/edit.js
+++ b/src/block/price/edit.js
@@ -36,6 +36,7 @@ import { InnerBlocks } from '@wordpress/block-editor'
import { __ } from '@wordpress/i18n'
import { addFilter } from '@wordpress/hooks'
import { memo } from '@wordpress/element'
+import { useSelect } from '@wordpress/data'
export const defaultIcon = '
'
@@ -59,6 +60,12 @@ const Edit = props => {
const rowClass = getRowClasses( attributes )
const blockAlignmentClass = getAlignmentClasses( attributes )
+ const { hasInnerBlocks } = useSelect( select => {
+ const { getBlockOrder } = select( 'core/block-editor' )
+ return {
+ hasInnerBlocks: getBlockOrder( props.clientId ).length > 0,
+ }
+ }, [ props.clientId ] )
const blockClassNames = classnames( [
className,
@@ -92,7 +99,7 @@ const Edit = props => {
className={ blockClassNames }
>
diff --git a/src/block/video-popup/edit.js b/src/block/video-popup/edit.js
index 6b9aed0db7..98de8a1ee7 100644
--- a/src/block/video-popup/edit.js
+++ b/src/block/video-popup/edit.js
@@ -53,6 +53,7 @@ import { addFilter } from '@wordpress/hooks'
import { memo } from '@wordpress/element'
import { DateTimePicker } from '@wordpress/components'
import { getSettings as getDateSettings } from '@wordpress/date'
+import { useSelect } from '@wordpress/data'
export const defaultIcon = '
'
@@ -80,6 +81,12 @@ const Edit = props => {
const rowClass = getRowClasses( attributes )
const blockAlignmentClass = getAlignmentClasses( attributes )
+ const { hasInnerBlocks } = useSelect( select => {
+ const { getBlockOrder } = select( 'core/block-editor' )
+ return {
+ hasInnerBlocks: getBlockOrder( props.clientId ).length > 0,
+ }
+ }, [ props.clientId ] )
const blockClassNames = classnames( [
className,
@@ -128,7 +135,7 @@ const Edit = props => {
>