fix(ui): prevent tooltip fade when forceOpen is true
This commit is contained in:
@@ -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}
|
||||||
>
|
>
|
||||||
|
|||||||
Reference in New Issue
Block a user