Unintended Scrollbars when Viewing User Panel #262

Ark menu API is quite confusing but I did discover it uses a library called floating-ui which is documented.
Southclaws · Oct 29, 2024 · 9c957bb · 9c957bb
1 parent 4efa55e
commit 9c957bb
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/web/src/components/site/Navigation/AccountMenu/AccountMenu.tsx b/web/src/components/site/Navigation/AccountMenu/AccountMenu.tsx
@@ -21,7 +21,14 @@ export function AccountMenu({ account }: Props) {
   const isAdmin = hasPermission(account, "ADMINISTRATOR");
 
   return (
-    <Menu.Root>
+    <Menu.Root
+      positioning={{
+        fitViewport: true,
+        slide: true,
+        placement: "bottom-end",
+        shift: 24,
+      }}
+    >
       <Menu.Trigger cursor="pointer">
         <MemberAvatar profile={account} size="md" />
       </Menu.Trigger>