fix: tooltip no longer covers status dropdown menu items
Some checks failed
Build and Push Docker Image / build (push) Has been cancelled

The outer Tooltip on the status badge was overlaying the DropdownMenu
content, hiding "Reopen Round". Now the tooltip is forced closed
whenever the dropdown is open.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-03-03 09:43:28 +01:00
parent c0f2b9bd38
commit 0285622fe1

View File

@@ -185,6 +185,7 @@ export default function RoundDetailPage() {
const [nameValue, setNameValue] = useState('')
const nameInputRef = useRef<HTMLInputElement>(null)
const [statusConfirmAction, setStatusConfirmAction] = useState<'activate' | 'close' | 'reopen' | 'archive' | null>(null)
const [statusDropdownOpen, setStatusDropdownOpen] = useState(false)
const [coverageOpen, setCoverageOpen] = useState(false)
const utils = trpc.useUtils()
@@ -650,10 +651,10 @@ export default function RoundDetailPage() {
{/* Status dropdown with confirmation dialogs (4.1) */}
<TooltipProvider>
<Tooltip>
<Tooltip open={statusDropdownOpen ? false : undefined}>
<TooltipTrigger asChild>
<span>
<DropdownMenu>
<DropdownMenu onOpenChange={setStatusDropdownOpen}>
<DropdownMenuTrigger asChild>
<button
className={cn(