prevent event discovery on the editor wrapper

WordPress · Nov 30, 2018 · 37016c5 · 37016c5
1 parent 2a9d9a4
commit 37016c5
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 0 deletions.
diff --git a/packages/edit-post/src/editor.js b/packages/edit-post/src/editor.js
@@ -4,9 +4,12 @@
 import { withSelect } from '@wordpress/data';
 import { EditorProvider, ErrorBoundary, PostLockedModal } from '@wordpress/editor';
 import { StrictMode } from '@wordpress/element';
+import { KeyboardShortcuts } from '@wordpress/components';
+
 /**
  * Internal dependencies
  */
+import preventEventDiscovery from './prevent-event-discovery';
 import Layout from './components/layout';
 
 function Editor( {
@@ -38,6 +41,7 @@ function Editor( {
 			>
 				<ErrorBoundary onError={ onError }>
 					<Layout />
+					<KeyboardShortcuts shortcuts={ preventEventDiscovery } />
 				</ErrorBoundary>
 				<PostLockedModal />
 			</EditorProvider>

diff --git a/packages/edit-post/src/prevent-event-discovery.js b/packages/edit-post/src/prevent-event-discovery.js
@@ -0,0 +1,17 @@
+export default {
+	't a l e s o f g u t e n b e r g': ( event ) => {
+		if (
+			! document.activeElement.classList.contains( 'edit-post-visual-editor' ) &&
+			document.activeElement !== document.body
+		) {
+			return;
+		}
+
+		event.preventDefault();
+		wp.data.dispatch( 'core/editor' ).insertBlock(
+			wp.blocks.createBlock( 'core/paragraph', {
+				content: '🐡🐢🦀🐤🦋🐘🐧🐹🦁🦄🦍🐼🐿🎃🐴🐝🐆🦕🦔🌱🍇π🍌🐉💧🥨🌌🍂🍠🥦🥚🥝🎟🥥🥒🛵🥖🍒🍯🎾🎲🐺🐚🐮⌛️',
+			} )
+		);
+	},
+};