Fix flickering bug

This commit is contained in:
Nate Kelley 2025-07-23 22:41:47 -06:00
parent 5eb43d0373
commit 25342b79b3
No known key found for this signature in database
GPG Key ID: FD90372AB8D98B4F
1 changed files with 7 additions and 1 deletions

View File

@ -99,7 +99,13 @@ const MetricItemCardThreeDotMenuPopover: React.FC<{
e.stopPropagation();
e.preventDefault();
}}
className={cn('hidden w-8.5 rounded group-hover:block', className, isOpen && 'block')}>
className={cn(
// Use opacity and pointer-events instead of display:none to maintain positioning context
'w-8.5 rounded transition-opacity duration-75',
'pointer-events-none opacity-0 group-hover:pointer-events-auto group-hover:opacity-100',
className,
isOpen && 'pointer-events-auto opacity-100'
)}>
<div className="absolute right-1.5">
<Dropdown items={dropdownItems} side="top" align="end" onOpenChange={setIsOpen}>
{children}