From 2d758d00c79c71c49e3af98f1f1920f5edefb1ba Mon Sep 17 00:00:00 2001
From: Krzysztof Kowalczyk <krzysztof.kowalczyk@elastic.co>
Date: Sat, 30 May 2026 01:36:24 +0200
Subject: [PATCH] [App Menu] Fix action button popover reposition

---
 .../src/components/app_menu_action_button.tsx                  | 2 ++
 .../src/components/app_menu_popover.tsx                        | 3 +++
 2 files changed, 5 insertions(+)

diff --git a/src/core/packages/chrome/app-menu/core-chrome-app-menu-components/src/components/app_menu_action_button.tsx b/src/core/packages/chrome/app-menu/core-chrome-app-menu-components/src/components/app_menu_action_button.tsx
index 007ae0ea4c525..e61215e824f8c 100644
--- a/src/core/packages/chrome/app-menu/core-chrome-app-menu-components/src/components/app_menu_action_button.tsx
+++ b/src/core/packages/chrome/app-menu/core-chrome-app-menu-components/src/components/app_menu_action_button.tsx
@@ -177,6 +177,7 @@ export const AppMenuActionButton = (props: AppMenuActionButtonProps) => {
         popoverWidth={popoverWidth}
         popoverTestId={popoverTestId}
         anchorPosition="downRight"
+        repositionToCrossAxis={false}
         onClose={onPopoverClose}
         onCloseOverflowButton={onCloseOverflowButton}
       />
@@ -195,6 +196,7 @@ export const AppMenuActionButton = (props: AppMenuActionButtonProps) => {
         popoverWidth={popoverWidth}
         popoverTestId={popoverTestId}
         anchorPosition="downRight"
+        repositionToCrossAxis={false}
         onClose={onPopoverClose}
         onCloseOverflowButton={onCloseOverflowButton}
       />
diff --git a/src/core/packages/chrome/app-menu/core-chrome-app-menu-components/src/components/app_menu_popover.tsx b/src/core/packages/chrome/app-menu/core-chrome-app-menu-components/src/components/app_menu_popover.tsx
index af0dc864a03d7..1b1cc87de4d21 100644
--- a/src/core/packages/chrome/app-menu/core-chrome-app-menu-components/src/components/app_menu_popover.tsx
+++ b/src/core/packages/chrome/app-menu/core-chrome-app-menu-components/src/components/app_menu_popover.tsx
@@ -30,6 +30,7 @@ interface AppMenuContextMenuProps {
   switchConfig?: AppMenuSwitch;
   popoverTestId?: string;
   anchorPosition?: PopoverAnchorPosition;
+  repositionToCrossAxis?: boolean;
   onClose: () => void;
   onCloseOverflowButton?: () => void;
 }
@@ -47,6 +48,7 @@ export const AppMenuPopover = ({
   switchConfig,
   popoverTestId = 'app-menu-popover',
   anchorPosition = 'downLeft',
+  repositionToCrossAxis,
   onClose,
   onCloseOverflowButton,
 }: AppMenuContextMenuProps) => {
@@ -100,6 +102,7 @@ export const AppMenuPopover = ({
       hasArrow={false}
       anchorPosition={anchorPosition}
       aria-label={title || content}
+      repositionToCrossAxis={repositionToCrossAxis}
     >
       <EuiContextMenu initialPanelId={0} panels={panels} css={{ minWidth: 180 }} />
     </EuiPopover>