Accordion Block: hide "Add" button when multiple blocks are selected (#71750)

R1shabh-Gupta · R1shabh-Gupta · t-hamano · web-flow · commit 500dd9b20c00 · 2025-09-19T18:15:59.000+09:00
* fix: hide "Add" button when multiple blocks are selected

* refactor: use isSelected prop for Add button conditional rendering

Co-authored-by: R1shabh-Gupta &lt;rishabhwp@git.wordpress.org&gt;
Co-authored-by: t-hamano &lt;wildworks@git.wordpress.org&gt;
Co-authored-by: Mamaduka &lt;mamaduka@git.wordpress.org&gt;
diff --git a/packages/block-library/src/accordion/edit.js b/packages/block-library/src/accordion/edit.js
@@ -34,6 +34,7 @@ export default function Edit( {
 	attributes: { autoclose, iconPosition, showIcon },
 	clientId,
 	setAttributes,
+	isSelected: isSingleSelected,
 } ) {
 	const blockProps = useBlockProps();
 	const dropdownMenuProps = useToolsPanelDropdownMenuProps();
@@ -53,14 +54,16 @@ export default function Edit( {
 
 	return (
 		<>
-			<BlockControls group="other">
-				<ToolbarButton
-					label={ __( 'Add accordion content block' ) }
-					onClick={ addAccordionContentBlock }
-				>
-					{ __( 'Add' ) }
-				</ToolbarButton>
-			</BlockControls>
+			{ isSingleSelected && (
+				<BlockControls group="other">
+					<ToolbarButton
+						label={ __( 'Add accordion content block' ) }
+						onClick={ addAccordionContentBlock }
+					>
+						{ __( 'Add' ) }
+					</ToolbarButton>
+				</BlockControls>
+			) }
 			<InspectorControls key="setting">
 				<ToolsPanel
 					label={ __( 'Settings' ) }
