diff --git a/packages/block-editor/src/components/block-list-appender/index.js b/packages/block-editor/src/components/block-list-appender/index.js index 4c65ead6b4e62c..0c17d57261ca80 100644 --- a/packages/block-editor/src/components/block-list-appender/index.js +++ b/packages/block-editor/src/components/block-list-appender/index.js @@ -44,6 +44,7 @@ export default function BlockListAppender( { CustomAppender, className, tagName: TagName = 'div', + isDefaultAppender, } ) { const isDragOver = useSelect( ( select ) => { @@ -78,6 +79,7 @@ export default function BlockListAppender( { tabIndex={ -1 } className={ clsx( 'block-list-appender wp-block', className, { 'is-drag-over': isDragOver, + 'is-default-appender': isDefaultAppender, } ) } // Needed in case the whole editor is content editable (for multi // selection). It fixes an edge case where ArrowDown and ArrowRight diff --git a/packages/block-editor/src/components/block-list/content.scss b/packages/block-editor/src/components/block-list/content.scss index 27ff20f00bfb9c..4895ee76c56e2a 100644 --- a/packages/block-editor/src/components/block-list/content.scss +++ b/packages/block-editor/src/components/block-list/content.scss @@ -362,7 +362,7 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection="true"] .b } } -.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-editor-default-block-appender { +.block-editor-block-list__block:not(.is-selected):not(.has-child-selected) .block-list-appender:not(.is-default-appender) .block-editor-default-block-appender { display: none; .block-editor-inserter__toggle { @@ -371,6 +371,10 @@ _::-webkit-full-page-media, _:future, :root [data-has-multi-selection="true"] .b } } +.block-editor-block-list__block .block-list-appender.is-default-appender .block-editor-default-block-appender { + height: fit-content; +} + .block-editor-block-list__block .block-editor-block-list__block-html-textarea { display: block; margin: 0; diff --git a/packages/block-editor/src/components/block-list/index.js b/packages/block-editor/src/components/block-list/index.js index 5e759a82bf8dd7..1d93242bbe2c99 100644 --- a/packages/block-editor/src/components/block-list/index.js +++ b/packages/block-editor/src/components/block-list/index.js @@ -26,6 +26,7 @@ import { getDefaultBlockName } from '@wordpress/blocks'; */ import BlockListBlock from './block'; import BlockListAppender from '../block-list-appender'; +import DefaultBlockAppender from '../inner-blocks/default-block-appender'; import { useInBetweenInserter } from './use-in-between-inserter'; import { store as blockEditorStore } from '../../store'; import { LayoutProvider, defaultLayout } from './layout'; @@ -297,6 +298,9 @@ function Items( { tagName={ __experimentalAppenderTagName } rootClientId={ rootClientId } CustomAppender={ CustomAppender } + isDefaultAppender={ + CustomAppender === DefaultBlockAppender + } /> ) }