remove portal component arround menu items

aboutbits · Oct 23, 2024 · 15a449d · 15a449d
1 parent d530d19
commit 15a449d
Showing 1 changed file with 8 additions and 16 deletions.
diff --git 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>
           )}
         </>
       )}