Просмотр исходного кода

fix(ui): prevent tooltip fade when forceOpen is true

David Hill 4 недель назад
Родитель
Сommit
fba77a364c

+ 1 - 0
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"

+ 1 - 1
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;
   }
 

+ 1 - 0
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}
             >