fixed button inside of button, turning it into a div (#157)

This commit is contained in:
Lucas Oliveira 2025-09-30 17:49:42 -03:00 committed by GitHub
parent d015ed1b0c
commit 2462b17f64
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

View file

@ -456,20 +456,24 @@ export function Navigation({
</div> </div>
</div> </div>
<DropdownMenu> <DropdownMenu>
<DropdownMenuTrigger asChild> <DropdownMenuTrigger disabled={loading || deleteSessionMutation.isPending} asChild>
<button <div
type="button" className="opacity-0 group-hover:opacity-100 data-[state=open]:opacity-100 data-[state=open]:text-foreground transition-opacity p-1 hover:bg-accent rounded text-muted-foreground hover:text-foreground ml-2 flex-shrink-0 cursor-pointer"
className="opacity-0 group-hover:opacity-100 data-[state=open]:opacity-100 data-[state=open]:text-foreground transition-opacity p-1 hover:bg-accent rounded text-muted-foreground hover:text-foreground ml-2 flex-shrink-0"
title="More options" title="More options"
disabled={ role="button"
loading || deleteSessionMutation.isPending tabIndex={0}
}
onClick={(e) => { onClick={(e) => {
e.stopPropagation(); e.stopPropagation();
}} }}
onKeyDown={(e) => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
e.stopPropagation();
}
}}
> >
<EllipsisVertical className="h-4 w-4" /> <EllipsisVertical className="h-4 w-4" />
</button> </div>
</DropdownMenuTrigger> </DropdownMenuTrigger>
<DropdownMenuContent <DropdownMenuContent
side="bottom" side="bottom"