fix(core/tooltip): cancel tooltip positioning when reference is not v…

…isible (#1438)
siemens · Aug 29, 2024 · 00c68b5 · 00c68b5
1 parent 289cc33
commit 00c68b5
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/.changeset/ninety-ligers-invite.md b/.changeset/ninety-ligers-invite.md
@@ -0,0 +1,5 @@
+---
+'@siemens/ix': patch
+---
+
+fix(core/tooltip): cancel tooltip positioning when reference is not visible
diff --git a/packages/core/src/components/tooltip/tooltip.tsx b/packages/core/src/components/tooltip/tooltip.tsx
@@ -12,6 +12,7 @@ import {
   computePosition,
   ComputePositionReturn,
   flip,
+  hide,
   offset,
   shift,
 } from '@floating-ui/dom';
@@ -179,6 +180,7 @@ export class Tooltip implements IxOverlayComponent {
           fallbackStrategy: 'initialPlacement',
           padding: 10,
         }),
+        hide(),
       ],
     });
   }
@@ -202,6 +204,14 @@ export class Tooltip implements IxOverlayComponent {
           setTimeout(async () => {
             const computeResponse = await this.computeTooltipPosition(target);
 
+            const isHidden =
+              computeResponse.middlewareData.hide?.referenceHidden;
+
+            if (isHidden) {
+              setTimeout(() => this.hideTooltip());
+              resolve(computeResponse);
+            }
+
             if (computeResponse.middlewareData.arrow) {
               this.applyTooltipArrowPosition(computeResponse);
             }