diff options
| -rw-r--r-- | packages/ui/src/components/text-field.tsx | 1 | ||||
| -rw-r--r-- | packages/ui/src/components/tooltip.css | 2 | ||||
| -rw-r--r-- | packages/ui/src/components/tooltip.tsx | 1 |
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} > |
