Avoid navigating outside the editor using the arrow keys

WordPress · Jul 27, 2017 · 9c348de · 9c348de
1 parent b935bbf
commit 9c348de
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/editor/modes/visual-editor/block.js b/editor/modes/visual-editor/block.js
@@ -257,12 +257,13 @@ class VisualEditorBlock extends Component {
 		const { keyCode, target } = event;
 		const moveUp = ( keyCode === UP || keyCode === LEFT );
 		const moveDown = ( keyCode === DOWN || keyCode === RIGHT );
+		const wrapperClassname = '.editor-visual-editor';
 		const selectors = [
 			'*[contenteditable="true"]',
 			'*[tabindex]',
 			'textarea',
 			'input',
-		].join( ',' );
+		].map( ( selector ) => `${ wrapperClassname } ${ selector }` ).join( ',' );
 
 		if ( moveUp || moveDown ) {
 			const selection = window.getSelection();