fix(folder): prevent branch submenu from being clipped in scroll area

src/components/layout/branch-dropdown.tsx

@@ -146,7 +146,6 @@ export function BranchDropdown({
   const [localOpen, setLocalOpen] = useState(false)
   const [remoteOpen, setRemoteOpen] = useState(false)
   const [confirmAction, setConfirmAction] = useState<ConfirmAction | null>(null)
-  const [expandedBranch, setExpandedBranch] = useState<string | null>(null)
   const [worktreeOpen, setWorktreeOpen] = useState(false)
   const [worktreeBranchName, setWorktreeBranchName] = useState("")
   const [worktreePath, setWorktreePath] = useState("")
@@ -299,7 +298,6 @@ export function BranchDropdown({
     if (!open) {
       setLocalOpen(false)
       setRemoteOpen(false)
-      setExpandedBranch(null)
     }
   }
 
@@ -512,27 +510,10 @@ export function BranchDropdown({
     }
 
     return (
-      <DropdownMenuSub
+      <DropdownMenuSub key={b}>
-        key={b}
-        open={expandedBranch === b}
-        onOpenChange={(open) => {
-          if (!open) setExpandedBranch(null)
-        }}
-      >
         <DropdownMenuSubTrigger
           className="hover:bg-accent hover:text-accent-foreground"
           disabled={loading}
-          onClick={() => setExpandedBranch(expandedBranch === b ? null : b)}
-          onPointerMove={(e) => {
-            e.preventDefault()
-            if (expandedBranch !== null && expandedBranch !== b) {
-              setExpandedBranch(null)
-              if (document.activeElement instanceof HTMLElement) {
-                document.activeElement.blur()
-              }
-            }
-          }}
-          onPointerLeave={(e) => e.preventDefault()}
         >
           <BranchIcon className="h-3.5 w-3.5" />
           {label}

src/components/ui/dropdown-menu.tsx

@@ -243,6 +243,7 @@ function DropdownMenuSubContent({
   ...props
 }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
   return (
+    <DropdownMenuPrimitive.Portal>
       <DropdownMenuPrimitive.SubContent
         data-slot="dropdown-menu-sub-content"
         className={cn(
@@ -251,6 +252,7 @@ function DropdownMenuSubContent({
         )}
         {...props}
       />
+    </DropdownMenuPrimitive.Portal>
   )
 }