mirror of https://github.com/buster-so/buster.git
Fix flickering bug
This commit is contained in:
parent
5eb43d0373
commit
25342b79b3
|
@ -99,7 +99,13 @@ const MetricItemCardThreeDotMenuPopover: React.FC<{
|
||||||
e.stopPropagation();
|
e.stopPropagation();
|
||||||
e.preventDefault();
|
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">
|
<div className="absolute right-1.5">
|
||||||
<Dropdown items={dropdownItems} side="top" align="end" onOpenChange={setIsOpen}>
|
<Dropdown items={dropdownItems} side="top" align="end" onOpenChange={setIsOpen}>
|
||||||
{children}
|
{children}
|
||||||
|
|
Loading…
Reference in New Issue