diff --git a/packages/block-library/src/columns/editor.scss b/packages/block-library/src/columns/editor.scss index a96a6dcf8c1ea..4492a75ca7cbe 100644 --- a/packages/block-library/src/columns/editor.scss +++ b/packages/block-library/src/columns/editor.scss @@ -128,11 +128,24 @@ } // In absence of making the individual columns resizable, we prevent them from being clickable. -// This makes them less fiddly. This will be revisited as the interface is refined. +// This makes them less fiddly. @todo: This should be revisited as the interface is refined. .wp-block-columns [data-type="core/column"] { pointer-events: none; + + // The empty state of a columns block has the default appenders. + // Since those appenders are not blocks, the parent, actual block, appears "hovered" when hovering the appenders. + // Because the column shouldn't be hovered as part of this temporary passhthrough, we unset the hover style. + &.is-hovered { + > .editor-block-list__block-edit::before { + content: none; + } + + .editor-block-list__breadcrumb { + display: none; + } + } } -:not(.components-disabled) > .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit > .editor-inner-blocks { +:not(.components-disabled) > .wp-block-columns > .editor-inner-blocks > .editor-block-list__layout > [data-type="core/column"] > .editor-block-list__block-edit .editor-inner-blocks { pointer-events: all; } diff --git a/packages/editor/src/components/default-block-appender/index.js b/packages/editor/src/components/default-block-appender/index.js index 8cc05c140878e..4d2db76530403 100644 --- a/packages/editor/src/components/default-block-appender/index.js +++ b/packages/editor/src/components/default-block-appender/index.js @@ -51,11 +51,10 @@ export function DefaultBlockAppender( { return (
- - @@ -35,13 +34,12 @@ exports[`DefaultBlockAppender should match snapshot 1`] = ` data-root-client-id="" > - @@ -57,13 +55,12 @@ exports[`DefaultBlockAppender should optionally show without prompt 1`] = ` data-root-client-id="" > - diff --git a/packages/editor/src/components/default-block-appender/test/index.js b/packages/editor/src/components/default-block-appender/test/index.js index 94b6030ce0947..9e687304847f4 100644 --- a/packages/editor/src/components/default-block-appender/test/index.js +++ b/packages/editor/src/components/default-block-appender/test/index.js @@ -31,7 +31,7 @@ describe( 'DefaultBlockAppender', () => { const onAppend = jest.fn(); const wrapper = shallow( ); - wrapper.find( 'input.editor-default-block-appender__content' ).simulate( 'focus' ); + wrapper.find( 'textarea.editor-default-block-appender__content' ).simulate( 'focus' ); expect( wrapper ).toMatchSnapshot(); @@ -41,7 +41,7 @@ describe( 'DefaultBlockAppender', () => { it( 'should optionally show without prompt', () => { const onAppend = jest.fn(); const wrapper = shallow( ); - const input = wrapper.find( 'input.editor-default-block-appender__content' ); + const input = wrapper.find( 'textarea.editor-default-block-appender__content' ); expect( input.prop( 'value' ) ).toEqual( '' );