diff --git a/packages/block-library/src/template-part/edit/index.js b/packages/block-library/src/template-part/edit/index.js index ac93f221b37e0..891bd30b53b70 100644 --- a/packages/block-library/src/template-part/edit/index.js +++ b/packages/block-library/src/template-part/edit/index.js @@ -3,6 +3,7 @@ */ import { useRef, useEffect } from '@wordpress/element'; import { useSelect, useDispatch } from '@wordpress/data'; +import { BlockControls } from '@wordpress/block-editor'; /** * Internal dependencies @@ -16,7 +17,6 @@ export default function TemplatePartEdit( { attributes: { postId: _postId, slug, theme }, setAttributes, clientId, - isSelected, } ) { const initialPostId = useRef( _postId ); const initialSlug = useRef( slug ); @@ -29,18 +29,11 @@ export default function TemplatePartEdit( { // but wait until the third inner blocks change, // because the first 2 are just the template part // content loading. - const { innerBlocks, hasSelectedInnerBlock } = useSelect( + const { innerBlocks } = useSelect( ( select ) => { - const { - getBlocks, - hasSelectedInnerBlock: getHasSelectedInnerBlock, - } = select( 'core/block-editor' ); + const { getBlocks } = select( 'core/block-editor' ); return { innerBlocks: getBlocks( clientId ), - hasSelectedInnerBlock: getHasSelectedInnerBlock( - clientId, - true - ), }; }, [ clientId ] @@ -68,12 +61,12 @@ export default function TemplatePartEdit( { // Part of a template file, post ID already resolved. return ( <> - { ( isSelected || hasSelectedInnerBlock ) && ( + - ) } + 0 } diff --git a/packages/block-library/src/template-part/editor.scss b/packages/block-library/src/template-part/editor.scss index 4c501686f7eea..f9e19e9d916b6 100644 --- a/packages/block-library/src/template-part/editor.scss +++ b/packages/block-library/src/template-part/editor.scss @@ -61,10 +61,9 @@ .wp-block-template-part__name-panel { background-color: $white; - border-radius: $radius-block-ui; box-shadow: 0 0 0 $border-width $gray-900; outline: 1px solid transparent; - padding: ($grid-unit-10 - $border-width - $border-width) $grid-unit-15; + padding: $grid-unit-10 $grid-unit-15; .components-base-control__field { align-items: center; diff --git a/packages/e2e-tests/specs/experiments/multi-entity-editing.test.js b/packages/e2e-tests/specs/experiments/multi-entity-editing.test.js index 2fb122c59195d..cd36641824a87 100644 --- a/packages/e2e-tests/specs/experiments/multi-entity-editing.test.js +++ b/packages/e2e-tests/specs/experiments/multi-entity-editing.test.js @@ -62,7 +62,7 @@ const createTemplatePart = async ( ? '.wp-block[data-type="core/template-part"] .wp-block[data-type="core/template-part"] .block-editor-inner-blocks' : '.wp-block[data-type="core/template-part"] .block-editor-inner-blocks' ); - await page.keyboard.press( 'Tab' ); + await page.focus( '.wp-block-template-part__name-panel input' ); await page.keyboard.type( templatePartName ); };