Fix: Clicking On Backspace Makes Reusable Block Modal Disappear

See: #36513
WordPress · Dec 7, 2021 · 85ec8c6 · 85ec8c6
1 parent cdedab2
commit 85ec8c6
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 0 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/reusable-blocks/package.json b/packages/reusable-blocks/package.json
@@ -37,6 +37,7 @@
 		"@wordpress/element": "file:../element",
 		"@wordpress/i18n": "file:../i18n",
 		"@wordpress/icons": "file:../icons",
+		"@wordpress/keycodes": "file:../keycodes",
 		"@wordpress/notices": "file:../notices",
 		"@wordpress/url": "file:../url",
 		"lodash": "^4.17.21"

diff --git a/...eusable-blocks/src/components/reusable-blocks-menu-items/reusable-block-convert-button.js b/...eusable-blocks/src/components/reusable-blocks-menu-items/reusable-block-convert-button.js
@@ -20,6 +20,7 @@ import { useDispatch, useSelect } from '@wordpress/data';
 import { __ } from '@wordpress/i18n';
 import { store as noticesStore } from '@wordpress/notices';
 import { store as coreStore } from '@wordpress/core-data';
+import { BACKSPACE } from '@wordpress/keycodes';
 
 /**
  * Internal dependencies
@@ -143,6 +144,12 @@ export default function ReusableBlockConvertButton( {
 									label={ __( 'Name' ) }
 									value={ title }
 									onChange={ setTitle }
+									onKeyDown={ ( event ) => {
+										const { keyCode } = event;
+										if ( keyCode === BACKSPACE ) {
+											event.stopPropagation();
+										}
+									} }
 								/>
 								<Flex
 									className="reusable-blocks-menu-items__convert-modal-actions"