diff options
| author | David Hill <[email protected]> | 2026-01-24 22:29:38 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2026-01-24 22:29:38 +0000 |
| commit | fba77a364ccef13993d99dd77f5371a6e2b063d5 (patch) | |
| tree | b2225c05d857af2dc72c23f3a6a230f92869563d /packages/ui/src | |
| parent | 3d956c5f7e3fb2e6317cf9b4d7bb417de1d6ec38 (diff) | |
| download | opencode-fba77a364ccef13993d99dd77f5371a6e2b063d5.tar.gz opencode-fba77a364ccef13993d99dd77f5371a6e2b063d5.zip | |
fix(ui): prevent tooltip fade when forceOpen is true
Diffstat (limited to 'packages/ui/src')
| -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} > |