List View: Add a special case for shortcuts coming from modals (WordPress#61606)

Co-authored-by: Mamaduka <[email protected]>
Co-authored-by: andrewserong <[email protected]>

Author: Mamaduka

packages/block-editor/src/components/list-view/block.js

@@ -30,7 +30,6 @@ import { BACKSPACE, DELETE } from '@wordpress/keycodes';
 import isShallowEqual from '@wordpress/is-shallow-equal';
 import { __unstableUseShortcutEventMatch as useShortcutEventMatch } from '@wordpress/keyboard-shortcuts';
 import { speak } from '@wordpress/a11y';
-import { isTextField } from '@wordpress/dom';
 
 /**
  * Internal dependencies
@@ -182,10 +181,7 @@ function ListViewBlock( {
 			return;
 		}
 
-		// Retain the default behavior for text fields.
-		if ( isTextField( event.target ) ) {
-			return;
-		}
+		const isDeleteKey = [ BACKSPACE, DELETE ].includes( event.keyCode );
 
 		// If multiple blocks are selected, deselect all blocks when the user
 		// presses the escape key.
@@ -197,10 +193,15 @@ function ListViewBlock( {
 			event.preventDefault();
 			selectBlock( event, undefined );
 		} else if (
-			event.keyCode === BACKSPACE ||
-			event.keyCode === DELETE ||
+			isDeleteKey ||
 			isMatch( 'core/block-editor/remove', event )
 		) {
+			// Do not handle single-key block deletion shortcuts when events come from modals;
+			// retain the default behavior for these keys.
+			if ( isDeleteKey && event.target.closest( '[role=dialog]' ) ) {
+				return;
+			}
+
 			const {
 				blocksToUpdate: blocksToDelete,
 				firstBlockClientId,