MOPC/MOPC-Portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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:
Matt
2026-03-03 09:43:28 +01:00
parent c0f2b9bd38
commit 0285622fe1
1 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/app/(admin)/admin/rounds/[roundId]/page.tsx
View File

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