fix(terminal): make worktree dropdown scrollable and show all items

Replace Radix ScrollArea with a plain overflow-y-auto div and increase
max height from 300px to min(500px, 60vh). The Radix ScrollArea wasn't
scrolling properly, causing task worktrees (209, 210, 211) to be hidden
below the fold with no visible scrollbar on macOS.

Co-Authored-By: Claude Opus 4.6 <[email protected]>
This commit is contained in:
AndyMik90
2026-02-11 13:59:25 +01:00
co-authored by Claude Opus 4.6
parent 25acf2826c
commit 950da45e4a
@@ -17,7 +17,6 @@ import {
AlertDialogHeader,
AlertDialogTitle,
} from '../ui/alert-dialog';
import { ScrollArea } from '../ui/scroll-area';
import { cn } from '../../lib/utils';
import { useProjectStore } from '../../stores/project-store';
@@ -459,7 +458,7 @@ export function WorktreeSelector({
<div className="border-t border-border" />
{/* Scrollable results */}
<ScrollArea className="max-h-[300px]">
<div className="max-h-[min(500px,60vh)] overflow-y-auto">
<div id={listboxId} role="listbox" aria-label={t('terminal:worktree.searchPlaceholder')} className="p-1">
{isLoading ? (
<div className="flex items-center justify-center py-2">
@@ -507,7 +506,7 @@ export function WorktreeSelector({
</>
)}
</div>
</ScrollArea>
</div>
</PopoverContent>
</Popover>