Show toolbar on meta key press

editor/modes/visual-editor/block.js

@@ -33,17 +33,23 @@ import {
 	isTypingInBlock,
 } from '../../selectors';
 
+function metaKeyPressed( event ) {
+	return event.metaKey || ( event.ctrlKey && ! event.altKey );
+}
+
 class VisualEditorBlock extends wp.element.Component {
 	constructor() {
 		super( ...arguments );
 		this.bindBlockNode = this.bindBlockNode.bind( this );
 		this.setAttributes = this.setAttributes.bind( this );
 		this.maybeHover = this.maybeHover.bind( this );
 		this.maybeStartTyping = this.maybeStartTyping.bind( this );
-		this.removeOrDeselect = this.removeOrDeselect.bind( this );
+		this.handleKeyDown = this.handleKeyDown.bind( this );
+		this.handleKeyUp = this.handleKeyUp.bind( this );
 		this.mergeBlocks = this.mergeBlocks.bind( this );
 		this.selectAndStopPropagation = this.selectAndStopPropagation.bind( this );
 		this.previousOffset = null;
+		this.metaCount = 0;
 	}
 
 	bindBlockNode( node ) {
@@ -89,7 +95,7 @@ class VisualEditorBlock extends wp.element.Component {
 		}
 	}
 
-	removeOrDeselect( event ) {
+	handleKeyDown( event ) {
 		const { keyCode, target } = event;
 
 		// Remove block on backspace
@@ -104,6 +110,20 @@ class VisualEditorBlock extends wp.element.Component {
 		if ( 27 /* Escape */ === event.keyCode ) {
 			this.props.onDeselect();
 		}
+
+		if ( metaKeyPressed( event ) ) {
+			this.metaCount++;
+		} else {
+			this.metaCount = 0;
+		}
+	}
+
+	handleKeyUp() {
+		if ( this.metaCount === 1 ) {
+			this.props.onStopTyping();
+		}
+
+		this.metaCount = 0;
 	}
 
 	mergeBlocks( forward = false ) {
@@ -189,7 +209,8 @@ class VisualEditorBlock extends wp.element.Component {
 				ref={ this.bindBlockNode }
 				onClick={ this.selectAndStopPropagation }
 				onFocus={ onSelect }
-				onKeyDown={ this.removeOrDeselect }
+				onKeyDown={ this.handleKeyDown }
+				onKeyUp={ this.handleKeyUp }
 				onMouseEnter={ onHover }
 				onMouseMove={ this.maybeHover }
 				onMouseLeave={ onMouseLeave }
@@ -266,6 +287,11 @@ export default connect(
 				uid: ownProps.uid,
 			} );
 		},
+		onStopTyping() {
+			dispatch( {
+				type: 'STOP_TYPING',
+			} );
+		},
 		onHover() {
 			dispatch( {
 				type: 'TOGGLE_BLOCK_HOVERED',

editor/state.js

@@ -234,6 +234,12 @@ export function selectedBlock( state = {}, action ) {
 				typing: true,
 			};
 
+		case 'STOP_TYPING':
+			return {
+				...state,
+				typing: false,
+			};
+
 		case 'REPLACE_BLOCKS':
 			if ( ! action.blocks || ! action.blocks.length || action.uids.indexOf( state.uid ) === -1 ) {
 				return state;