From 15a449dca2f5fbe21c7e0866e9e1ebd19469d8d5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matth=C3=A4us=20N=C3=B6ssing?=
 <matthaeus.noessing@aboutbits.it>
Date: Wed, 23 Oct 2024 15:15:41 +0200
Subject: [PATCH] remove portal component arround menu items

---
 src/components/menu/Menu.tsx | 24 ++++++++----------------
 1 file changed, 8 insertions(+), 16 deletions(-)

diff --git a/src/components/menu/Menu.tsx b/src/components/menu/Menu.tsx
index 8fd809f0..d0075d3c 100644
--- a/src/components/menu/Menu.tsx
+++ b/src/components/menu/Menu.tsx
@@ -1,10 +1,4 @@
-import {
-  FloatingPortal,
-  autoUpdate,
-  flip,
-  offset,
-  useFloating,
-} from '@floating-ui/react'
+import { autoUpdate, flip, offset, useFloating } from '@floating-ui/react'
 import {
   Menu as HeadlessMenu,
   MenuButton as HeadlessMenuButton,
@@ -85,15 +79,13 @@ export function Menu({ className, children, button, placement }: MenuProps) {
               : button}
           </HeadlessMenuButton>
           {open && (
-            <FloatingPortal>
-              <HeadlessMenuItems
-                ref={refs.setFloating}
-                className={menu.list.base}
-                style={floatingStyles}
-              >
-                {children}
-              </HeadlessMenuItems>
-            </FloatingPortal>
+            <HeadlessMenuItems
+              ref={refs.setFloating}
+              className={menu.list.base}
+              style={floatingStyles}
+            >
+              {children}
+            </HeadlessMenuItems>
           )}
         </>
       )}