diff --git a/apps/desktop/src/renderer/components/app/TabNav.tsx b/apps/desktop/src/renderer/components/app/TabNav.tsx index 9c1f776c0..e9f6f588c 100644 --- a/apps/desktop/src/renderer/components/app/TabNav.tsx +++ b/apps/desktop/src/renderer/components/app/TabNav.tsx @@ -14,6 +14,7 @@ import { GearSix, } from "@phosphor-icons/react"; import { cn } from "../ui/cn"; +import { useClampedFixedPosition } from "../../hooks/useClampedFixedPosition"; import { useAppStore } from "../../state/appStore"; import { revealLabel } from "../../lib/platform"; import { openExternalUrl } from "../../lib/openExternal"; @@ -106,6 +107,7 @@ export function TabNav({ githubStatus }: { githubStatus?: GitHubStatus | null }) projectBinding?.kind === "remote" ? projectBinding.rootPath : (project?.rootPath ?? null); const hasActiveProject = Boolean(activeProjectRoot); const [contextMenu, setContextMenu] = useState<{ x: number; y: number } | null>(null); + const { ref: sidebarMenuRef, position: sidebarMenuPosition } = useClampedFixedPosition(contextMenu); const [avatarBroken, setAvatarBroken] = useState(false); const [isPackaged, setIsPackaged] = useState(false); const githubLogin = githubStatus?.userLogin || null; @@ -329,8 +331,13 @@ export function TabNav({ githubStatus }: { githubStatus?: GitHubStatus | null }) {/* Context menu */} {contextMenu && activeProjectRoot ? (
e.stopPropagation()} >