From 4502e69e03dfede3b763307e41d68751f0e4fbed Mon Sep 17 00:00:00 2001 From: Ciel Bellerose Date: Thu, 24 Sep 2026 15:08:07 -0400 Subject: [PATCH] #772 animate tooltips in as well as out Radix Tooltip never sets data-state="open" on TooltipContent (its open states are delayed-open/instant-open), so the gated enter classes never matched. Make the enter animation unconditional. Co-Authored-By: Claude Sonnet 5 --- components/ui/tooltip.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/components/ui/tooltip.tsx b/components/ui/tooltip.tsx index 04ee20b2..7db60e6c 100644 --- a/components/ui/tooltip.tsx +++ b/components/ui/tooltip.tsx @@ -35,7 +35,7 @@ function TooltipContent({ data-slot="tooltip-content" sideOffset={sideOffset} className={cn( - 'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-w-xs origin-(--radix-tooltip-content-transform-origin) overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md', + 'bg-popover text-popover-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-w-xs origin-(--radix-tooltip-content-transform-origin) overflow-hidden rounded-md border px-3 py-1.5 text-sm shadow-md', className, )} {...props}