Add: Block editor keyboard shortcuts to the widget screen and the pla…

…yground
WordPress · Aug 9, 2019 · 879c133 · 879c133
1 parent 1c77941
commit 879c133
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/packages/edit-widgets/src/components/widget-area/index.js b/packages/edit-widgets/src/components/widget-area/index.js
@@ -17,6 +17,7 @@ import {
 	Inserter as BlockInserter,
 	WritingFlow,
 	ObserveTyping,
+	BlockEditorKeyboardShortcuts,
 } from '@wordpress/block-editor';
 import { withDispatch, withSelect } from '@wordpress/data';
 
@@ -71,9 +72,12 @@ function WidgetArea( {
 					settings={ settings }
 				>
 					{ isSelectedArea && (
-						<Inserter>
-							<BlockInserter />
-						</Inserter>
+						<>
+							<Inserter>
+								<BlockInserter />
+							</Inserter>
+							<BlockEditorKeyboardShortcuts />
+						</>
 					) }
 					<SelectionObserver
 						isSelectedArea={ isSelectedArea }

diff --git a/playground/src/index.js b/playground/src/index.js
@@ -5,6 +5,7 @@ import '@wordpress/editor'; // This shouldn't be necessary
 
 import { render, useState, Fragment } from '@wordpress/element';
 import {
+	BlockEditorKeyboardShortcuts,
 	BlockEditorProvider,
 	BlockList,
 	WritingFlow,
@@ -49,6 +50,7 @@ function App() {
 							onChange={ updateBlocks }
 						>
 							<div className="editor-styles-wrapper">
+								<BlockEditorKeyboardShortcuts />
 								<WritingFlow>
 									<ObserveTyping>
 										<BlockList />