Refactor post actions menu

WordPress · Nov 29, 2024 · 72c8324 · 72c8324
1 parent 9c0a740
commit 72c8324
Showing 1 changed file with 23 additions and 19 deletions.
diff --git a/packages/editor/src/components/post-actions/index.js b/packages/editor/src/components/post-actions/index.js
@@ -56,29 +56,33 @@ export default function PostActions( { postType, postId, onActionPerformed } ) {
 	return (
 		<Menu
 			open={ isActionsMenuOpen }
-			trigger={
-				<Button
-					size="small"
-					icon={ moreVertical }
-					label={ __( 'Actions' ) }
-					disabled={ ! actions.length }
-					accessibleWhenDisabled
-					className="editor-all-actions-button"
-					onClick={ () =>
-						setIsActionsMenuOpen( ! isActionsMenuOpen )
-					}
-				/>
-			}
 			onOpenChange={ setIsActionsMenuOpen }
 			placement="bottom-end"
 		>
-			<ActionsDropdownMenuGroup
-				actions={ actions }
-				item={ itemWithPermissions }
-				onClose={ () => {
-					setIsActionsMenuOpen( false );
-				} }
+			<Menu.TriggerButton
+				render={
+					<Button
+						size="small"
+						icon={ moreVertical }
+						label={ __( 'Actions' ) }
+						disabled={ ! actions.length }
+						accessibleWhenDisabled
+						className="editor-all-actions-button"
+						onClick={ () =>
+							setIsActionsMenuOpen( ! isActionsMenuOpen )
+						}
+					/>
+				}
 			/>
+			<Menu.Popover>
+				<ActionsDropdownMenuGroup
+					actions={ actions }
+					item={ itemWithPermissions }
+					onClose={ () => {
+						setIsActionsMenuOpen( false );
+					} }
+				/>
+			</Menu.Popover>
 		</Menu>
 	);
 }