From 184ecb735141cca3f36a9b9cfa7fc50523af4f6a Mon Sep 17 00:00:00 2001
From: Marco Ciampini <marco.ciampo@gmail.com>
Date: Fri, 29 Nov 2024 16:37:46 +0100
Subject: [PATCH] Refactor post actions menu

---
 .../src/components/post-actions/index.js      | 42 ++++++++++---------
 1 file changed, 23 insertions(+), 19 deletions(-)

diff --git a/packages/editor/src/components/post-actions/index.js b/packages/editor/src/components/post-actions/index.js
index ab11b5e318b5a6..99e828cad1ff47 100644
--- 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>
 	);
 }