Create block on focus on the empty post placeholder

WordPress · Nov 24, 2021 · c4f0c07 · c4f0c07
1 parent 786f0d2
commit c4f0c07
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/packages/block-editor/src/components/default-block-appender/index.js b/packages/block-editor/src/components/default-block-appender/index.js
@@ -59,6 +59,11 @@ export function DefaultBlockAppender( {
 					}
 				} }
 				onClick={ () => onAppend() }
+				onFocus={ () => {
+					if ( showPrompt ) {
+						onAppend();
+					}
+				} }
 			>
 				{ showPrompt ? value : ZWNBSP }
 			</p>

diff --git a/packages/block-editor/src/components/default-block-appender/test/__snapshots__/index.js.snap b/packages/block-editor/src/components/default-block-appender/test/__snapshots__/index.js.snap
@@ -9,6 +9,7 @@ exports[`DefaultBlockAppender should append a default block when input focused 1
     aria-label="Add default block"
     className="block-editor-default-block-appender__content"
     onClick={[Function]}
+    onFocus={[Function]}
     onKeyDown={[Function]}
     role="button"
     tabIndex="0"
@@ -32,6 +33,7 @@ exports[`DefaultBlockAppender should match snapshot 1`] = `
     aria-label="Add default block"
     className="block-editor-default-block-appender__content"
     onClick={[Function]}
+    onFocus={[Function]}
     onKeyDown={[Function]}
     role="button"
     tabIndex="0"
@@ -55,6 +57,7 @@ exports[`DefaultBlockAppender should optionally show without prompt 1`] = `
     aria-label="Add default block"
     className="block-editor-default-block-appender__content"
     onClick={[Function]}
+    onFocus={[Function]}
     onKeyDown={[Function]}
     role="button"
     tabIndex="0"