From 325ddbcf03938bd690fbd3a65db4c182ceee973a Mon Sep 17 00:00:00 2001
From: Rohan <45748283+r100-stack@users.noreply.github.com>
Date: Thu, 6 Mar 2025 15:53:28 -0500
Subject: [PATCH] Separate context

---
 packages/itwinui-react/src/core/Menu/Menu.tsx | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/packages/itwinui-react/src/core/Menu/Menu.tsx b/packages/itwinui-react/src/core/Menu/Menu.tsx
index 69d344a2dae..13a4187a4e3 100644
--- a/packages/itwinui-react/src/core/Menu/Menu.tsx
+++ b/packages/itwinui-react/src/core/Menu/Menu.tsx
@@ -125,8 +125,8 @@ export const Menu = React.forwardRef((props, ref) => {
     ...rest
   } = props;
 
-  const menuContext = React.useContext(MenuContext);
-  const portal = portalProp ?? menuContext?.portal;
+  const menuPortalContext = React.useContext(MenuPortalContext);
+  const portal = portalProp ?? menuPortalContext;
 
   const tree = useFloatingTree();
   const nodeId = useFloatingNodeId();
@@ -327,9 +327,7 @@ export const Menu = React.forwardRef((props, ref) => {
 
   return (
     <>
-      <MenuContext.Provider
-        value={{ popoverGetItemProps, focusableElements, portal }}
-      >
+      <MenuContext.Provider value={{ popoverGetItemProps, focusableElements }}>
         <PopoverOpenContext.Provider value={popover.open}>
           {reference}
         </PopoverOpenContext.Provider>
@@ -363,11 +361,16 @@ type PopoverGetItemProps = ({
   >[0];
 }) => ReturnType<ReturnType<typeof useInteractions>['getItemProps']>;
 
+// ----------------------------------------------------------------------------
+
 export const MenuContext = React.createContext<
   | {
       popoverGetItemProps: PopoverGetItemProps;
       focusableElements: HTMLElement[];
-      portal: PortalProps['portal'];
     }
   | undefined
 >(undefined);
+
+export const MenuPortalContext = React.createContext<
+  PortalProps['portal'] | undefined
+>(undefined);