From fba77a364ccef13993d99dd77f5371a6e2b063d5 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Sat, 24 Jan 2026 22:29:38 +0000
Subject: [PATCH] fix(ui): prevent tooltip fade when forceOpen is true

---
 packages/ui/src/components/text-field.tsx | 1 +
 packages/ui/src/components/tooltip.css    | 2 +-
 packages/ui/src/components/tooltip.tsx    | 1 +
 3 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/components/text-field.tsx b/packages/ui/src/components/text-field.tsx
index fdb592353..56e849664 100644
--- a/packages/ui/src/components/text-field.tsx
+++ b/packages/ui/src/components/text-field.tsx
@@ -97,6 +97,7 @@ export function TextField(props: TextFieldProps) {
             placement="top"
             gutter={4}
             forceOpen={copied()}
+            skipDelayDuration={0}
           >
             <IconButton
               type="button"
diff --git a/packages/ui/src/components/tooltip.css b/packages/ui/src/components/tooltip.css
index 30da72f6d..f02c2ca63 100644
--- a/packages/ui/src/components/tooltip.css
+++ b/packages/ui/src/components/tooltip.css
@@ -44,7 +44,7 @@
     /* transform: translate3d(0, 0, 0); */
   }
 
-  &[data-closed] {
+  &[data-closed]:not([data-force-open="true"]) {
     opacity: 0;
   }
 
diff --git a/packages/ui/src/components/tooltip.tsx b/packages/ui/src/components/tooltip.tsx
index 1ebff7371..37517fb34 100644
--- a/packages/ui/src/components/tooltip.tsx
+++ b/packages/ui/src/components/tooltip.tsx
@@ -71,6 +71,7 @@ export function Tooltip(props: TooltipProps) {
             <KobalteTooltip.Content
               data-component="tooltip"
               data-placement={props.placement}
+              data-force-open={local.forceOpen}
               class={local.contentClass}
               style={local.contentStyle}
             >