Resizable Editor: Make the editor resizable with arrow keys (#65546)

Co-authored-by: t-hamano <[email protected]> Co-authored-by: kevin940726 <[email protected]>
WordPress · Sep 24, 2024 · 228ab3a · 228ab3a
1 parent 82dff13
commit 228ab3a
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/packages/editor/src/components/resizable-editor/resize-handle.js b/packages/editor/src/components/resizable-editor/resize-handle.js
@@ -15,6 +15,11 @@ export default function ResizeHandle( { direction, resizeWidthBy } ) {
 	function handleKeyDown( event ) {
 		const { keyCode } = event;
 
+		if ( keyCode !== LEFT && keyCode !== RIGHT ) {
+			return;
+		}
+		event.preventDefault();
+
 		if (
 			( direction === 'left' && keyCode === LEFT ) ||
 			( direction === 'right' && keyCode === RIGHT )