fix(ui): prevent tooltip fade when forceOpen is true
This commit is contained in:
parent
3d956c5f7e
commit
fba77a364c
3 changed files with 3 additions and 1 deletions
|
|
@ -97,6 +97,7 @@ export function TextField(props: TextFieldProps) {
|
||||||
placement="top"
|
placement="top"
|
||||||
gutter={4}
|
gutter={4}
|
||||||
forceOpen={copied()}
|
forceOpen={copied()}
|
||||||
|
skipDelayDuration={0}
|
||||||
>
|
>
|
||||||
<IconButton
|
<IconButton
|
||||||
type="button"
|
type="button"
|
||||||
|
|
|
||||||
|
|
@ -44,7 +44,7 @@
|
||||||
/* transform: translate3d(0, 0, 0); */
|
/* transform: translate3d(0, 0, 0); */
|
||||||
}
|
}
|
||||||
|
|
||||||
&[data-closed] {
|
&[data-closed]:not([data-force-open="true"]) {
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -71,6 +71,7 @@ export function Tooltip(props: TooltipProps) {
|
||||||
<KobalteTooltip.Content
|
<KobalteTooltip.Content
|
||||||
data-component="tooltip"
|
data-component="tooltip"
|
||||||
data-placement={props.placement}
|
data-placement={props.placement}
|
||||||
|
data-force-open={local.forceOpen}
|
||||||
class={local.contentClass}
|
class={local.contentClass}
|
||||||
style={local.contentStyle}
|
style={local.contentStyle}
|
||||||
>
|
>
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue