summaryrefslogtreecommitdiffhomepage
diff options
context:
space:
mode:
-rw-r--r--packages/ui/src/components/text-field.tsx1
-rw-r--r--packages/ui/src/components/tooltip.css2
-rw-r--r--packages/ui/src/components/tooltip.tsx1
3 files changed, 3 insertions, 1 deletions
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}
>