meta+a to select all blocks after fully selected input field

editor/components/writing-flow/index.js

@@ -3,7 +3,7 @@
  */
 import { connect } from 'react-redux';
 import 'element-closest';
-import { find, last, reverse } from 'lodash';
+import { find, first, last, reverse } from 'lodash';
 /**
  * WordPress dependencies
  */
@@ -20,6 +20,7 @@ import {
 	isVerticalEdge,
 	placeCaretAtHorizontalEdge,
 	placeCaretAtVerticalEdge,
+	isFullySelected,
 } from '../../utils/dom';
 import {
 	getBlockUids,
@@ -33,7 +34,7 @@ import { multiSelect, appendDefaultBlock } from '../../store/actions';
 /**
  * Module Constants
  */
-const { UP, DOWN, LEFT, RIGHT } = keycodes;
+const { UP, DOWN, LEFT, RIGHT, isMeta } = keycodes;
 
 function isElementNonEmpty( el ) {
 	return !! el.innerText.trim();
@@ -148,7 +149,7 @@ class WritingFlow extends Component {
 	}
 
 	onKeyDown( event ) {
-		const { selectedBlock, selectionStart, selectionEnd, blocks, hasMultiSelection } = this.props;
+		const { selectedBlock, selectionStart, selectionEnd, blocks, hasMultiSelection, onMultiSelect } = this.props;
 
 		const { keyCode, target } = event;
 		const isUp = keyCode === UP;
@@ -193,6 +194,20 @@ class WritingFlow extends Component {
 		) {
 			this.props.onBottomReached();
 		}
+
+		// We have to check early, by the time both keys are pressed,
+		// selection already happened.
+		if ( isMeta( event ) ) {
+			this.activeElementFullySelected = isFullySelected( document.activeElement );
+		}
+
+		if ( isMeta( event, 'a' ) ) {
+			if ( this.activeElementFullySelected ) {
+				onMultiSelect( first( blocks ), last( blocks ) );
+			}
+
+			this.activeElementFullySelected = isFullySelected( document.activeElement );
+		}
 	}
 
 	render() {

editor/utils/dom.js

@@ -341,3 +341,29 @@ export function documentHasSelection() {
 
 	return range && ! range.collapsed;
 }
+
+export function isFullySelected( element ) {
+	if ( includes( [ 'INPUT', 'TEXTAREA' ], element.nodeName ) ) {
+		return element.selectionStart === 0 && element.value.length === element.selectionEnd;
+	}
+
+	if ( ! element.isContentEditable ) {
+		return true;
+	}
+
+	const selection = window.getSelection();
+	const range = selection.rangeCount ? selection.getRangeAt( 0 ) : null;
+
+	if ( ! range ) {
+		return true;
+	}
+
+	const { startContainer, endContainer, startOffset, endOffset } = range;
+
+	return (
+		startContainer === element &&
+		endContainer === element &&
+		startOffset === 0 &&
+		endOffset === element.childNodes.length
+	);
+}

utils/keycodes.js

@@ -1,3 +1,10 @@
+/**
+ * Browser dependencies
+ */
+const { userAgent } = window.navigator;
+
+const isMac = userAgent.indexOf( 'Mac' ) !== -1;
+
 export const BACKSPACE = 8;
 export const TAB = 9;
 export const ENTER = 13;
@@ -10,3 +17,24 @@ export const DOWN = 40;
 export const DELETE = 46;
 
 export const F10 = 121;
+
+/**
+ * Check if the meta key and the given character are presssed.
+ *
+ * @param  {KeyboardEvent} event     The event object.
+ * @param  {String}        character The character to check.
+ * @return {Boolean}                 True if the combination is pressed, false if not.
+ */
+export function isMeta( event, character ) {
+	const meta = isMac ? 'Meta' : 'Ctrl';
+
+	if ( ! event[ meta.toLowerCase() + 'Key' ] ) {
+		return false;
+	}
+
+	if ( ! character ) {
+		return event.key === meta;
+	}
+
+	return event.key === character;
+}