From f575a4415573ec06376b50fa0c284422a0e68cfa Mon Sep 17 00:00:00 2001
From: Weronika Olejniczak <weronika.olejniczak@elastic.co>
Date: Tue, 14 Oct 2025 12:15:41 +0200
Subject: [PATCH] fix(navigation): don't blur when flyout traps the focus

---
 .../chrome/navigation/src/components/popover/index.tsx         | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/core/packages/chrome/navigation/src/components/popover/index.tsx b/src/core/packages/chrome/navigation/src/components/popover/index.tsx
index bc0d204ca339b..c2d1f752bedbb 100644
--- a/src/core/packages/chrome/navigation/src/components/popover/index.tsx
+++ b/src/core/packages/chrome/navigation/src/components/popover/index.tsx
@@ -191,8 +191,9 @@ export const SideNavPopover = ({
       const isStayingInComponent =
         nextFocused &&
         (triggerRef.current?.contains(nextFocused) || popoverRef.current?.contains(nextFocused));
+      const isTrappedByFlyout = (nextFocused as HTMLElement)?.classList.contains('euiFlyout');
 
-      if (!isStayingInComponent) {
+      if (!isStayingInComponent && !isTrappedByFlyout) {
         handleClose();
       }
     },