select contents on focus

WordPress · May 21, 2018 · fda66b1 · fda66b1
1 parent bce05aa
commit fda66b1
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 4 deletions.
diff --git a/edit-post/components/sidebar/post-author/index.js b/edit-post/components/sidebar/post-author/index.js
@@ -20,7 +20,7 @@ export class PostAuthor extends Component {
 	constructor() {
 		super( ...arguments );
 		this.onSelect = this.onSelect.bind( this );
-		this.onBlur = this.onBlur.bind( this );
+		this.onFocus = this.onFocus.bind( this );
 		this.state = {
 			theAuthor: false,
 		};
@@ -42,8 +42,13 @@ export class PostAuthor extends Component {
 		onUpdateAuthor( Number( value.id ) );
 	}
 
-	onBlur( content ) {
-		//this.onSelect( content[1] )
+	onFocus( editor ) {
+		if ( ! editor.dom ) {
+			return;
+		}
+		const range = editor.dom.createRng();
+		range.selectNodeContents(editor.getBody());
+		editor.selection.setRng(range);
 	}
 
 
@@ -69,7 +74,7 @@ export class PostAuthor extends Component {
 									onSelect={ this.onSelect }
 									onChange={ () => {} }
 									autocompleters={ [ authorAutocompleter ] }
-									onBlur={ this.onBlur }
+									onFocus={ this.onFocus }
 								/>
 							</div>
 						</div>

diff --git a/editor/components/rich-text/index.js b/editor/components/rich-text/index.js
@@ -202,6 +202,10 @@ export class RichText extends Component {
 		if ( this.props.setFocusedElement ) {
 			this.props.setFocusedElement( this.props.instanceId );
 		}
+
+		if ( this.props.onFocus ) {
+			this.props.onFocus( this.editor );
+		}
 	}
 
 	/**