Prevent block selection on Page List Item blocks

docs/reference-guides/core-blocks.md

@@ -438,7 +438,7 @@ Displays a page inside a list of all pages. ([Source](https://github.com/WordPre
 -	**Name:** core/page-list-item
 -	**Category:** widgets
 -	**Supports:** ~~html~~, ~~inserter~~, ~~lock~~, ~~reusable~~
--	**Attributes:** hasChildren, id, label, link, title
+-	**Attributes:** hasChildren, id, label, link, onSelect, title
 
 ## Paragraph
 

packages/block-editor/src/components/off-canvas-editor/index.js

@@ -114,10 +114,16 @@ function OffCanvasEditor(
 	} );
 	const selectEditorBlock = useCallback(
 		( event, blockClientId ) => {
-			updateBlockSelection( event, blockClientId );
-			setSelectedTreeId( blockClientId );
+			let blockSelectionResult;
 			if ( onSelect ) {
-				onSelect( getBlock( blockClientId ) );
+				blockSelectionResult = onSelect(
+					getBlock( blockClientId ),
+					event
+				);
+			}
+			if ( blockSelectionResult !== false ) {
+				updateBlockSelection( event, blockClientId );
+				setSelectedTreeId( blockClientId );
 			}
 		},
 		[ setSelectedTreeId, updateBlockSelection, onSelect, getBlock ]

packages/block-library/src/navigation/edit/menu-inspector-controls.js

@@ -73,6 +73,13 @@ const MainContent = ( {
 			isExpanded={ true }
 			LeafMoreMenu={ LeafMoreMenu }
 			description={ description }
+			onSelect={ ( block ) => {
+				const onSelect = block.attributes?.onSelect;
+				if ( onSelect ) {
+					// If this returns fasle, then the block won't be selected.
+					return onSelect( block );
+				}
+			} }
 		/>
 	);
 };

packages/block-library/src/page-list-item/block.json

@@ -23,6 +23,9 @@
 		},
 		"hasChildren": {
 			"type": "boolean"
+		},
+		"onSelect": {
+			"type": "function"
 		}
 	},
 	"usesContext": [

packages/block-library/src/page-list/edit.js

@@ -202,6 +202,10 @@ export default function PageListEdit( {
 				title: page.title?.rendered,
 				link: page.url,
 				hasChildren,
+				onSelect: () => {
+					openModal();
+					return false;
+				},
 			};
 			let item = null;
 			const children = getBlockList( page.id );