From afc2c6a606de35213eb7a74942ce2d4eac300644 Mon Sep 17 00:00:00 2001
From: Preeti Bansal <146315451+preetibansalui@users.noreply.github.com>
Date: Wed, 25 Sep 2024 22:39:33 +0530
Subject: [PATCH] fix: focus-trapped-within-menuitem (#17550)

---
 packages/react/src/components/Menu/Menu.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/react/src/components/Menu/Menu.tsx b/packages/react/src/components/Menu/Menu.tsx
index 9e5cb634d552..b8485091e7c0 100644
--- a/packages/react/src/components/Menu/Menu.tsx
+++ b/packages/react/src/components/Menu/Menu.tsx
@@ -237,7 +237,6 @@ const Menu = forwardRef<HTMLUListElement, MenuProps>(function Menu(
   }
 
   function focusItem(e?: React.KeyboardEvent<HTMLUListElement>) {
-    e?.preventDefault();
     const currentItem = focusableItems.findIndex((item) =>
       item.ref?.current?.contains(document.activeElement)
     );
@@ -266,6 +265,7 @@ const Menu = forwardRef<HTMLUListElement, MenuProps>(function Menu(
     if (indexToFocus !== currentItem) {
       const nodeToFocus = focusableItems[indexToFocus];
       nodeToFocus.ref?.current?.focus();
+      e?.preventDefault();
     }
   }