Escape out of block moving mode.

WordPress · Jun 4, 2020 · a04a737 · a04a737
1 parent ced78ca
commit a04a737
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 5 deletions.
diff --git a/packages/block-editor/src/components/block-list/breadcrumb.js b/packages/block-editor/src/components/block-list/breadcrumb.js
@@ -47,11 +47,12 @@ function BlockBreadcrumb( {
 			const { name, attributes } = __unstableGetBlockWithoutInnerBlocks(
 				clientId
 			);
-			return { index, name, attributes, isBlockMovingMode };
+			const blockMovingMode = isBlockMovingMode();
+			return { index, name, attributes, blockMovingMode };
 		},
 		[ clientId, rootClientId ]
 	);
-	const { index, name, attributes, isBlockMovingMode } = selected;
+	const { index, name, attributes, blockMovingMode } = selected;
 	const { setNavigationMode, removeBlock } = useDispatch(
 		'core/block-editor'
 	);
@@ -80,7 +81,7 @@ function BlockBreadcrumb( {
 	);
 
 	const classNames = classnames( 'block-editor-block-list__breadcrumb', {
-		'is-navigate-mode': !! isBlockMovingMode(),
+		'is-block-moving-mode': !! blockMovingMode,
 	} );
 
 	return (

diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss
@@ -198,9 +198,12 @@
 }
 
 
-.is-navigate-mode.block-editor-block-list__breadcrumb {
+.is-block-moving-mode.block-editor-block-list__breadcrumb {
 	// Should be invisible but not unfocusable.
 	opacity: 0;
+	font-size: 1px;
+	height: 1px;
+	padding: 0;
 }
 
 /**

diff --git a/packages/block-editor/src/components/writing-flow/index.js b/packages/block-editor/src/components/writing-flow/index.js
@@ -448,7 +448,10 @@ export default function WritingFlow( { children } ) {
 					)
 				);
 			}
-
+			if ( isEscape && startingBlockClientId ) {
+				setBlockMovingMode( null );
+				setCanInsertMovingBlock( false );
+			}
 			if ( ( isEnter || isSpace ) && startingBlockClientId ) {
 				const sourceRoot = getBlockRootClientId(
 					startingBlockClientId