fix: arrow was missing when interactive

cypress-io · May 8, 2024 · ac69cb4 · ac69cb4
1 parent 49b3c67
commit ac69cb4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 5 deletions.
diff --git a/.changeset/tooltip-interactive-arrow-react.md b/.changeset/tooltip-interactive-arrow-react.md
@@ -0,0 +1,5 @@
+---
+"@cypress-design/react-tooltip": patch
+---
+
+fix: arrow was missing when interactive
diff --git a/components/Tooltip/react/Tooltip.tsx b/components/Tooltip/react/Tooltip.tsx
@@ -99,7 +99,7 @@ export const Tooltip: React.FC<
             fn: (obj) => obj,
           }
         : flip(),
-      offset(interactive ? 0 : 16),
+      offset(16),
       arrow({ element: arrowRef, padding: 24 }),
       shift({ padding: 16 }),
     ],
@@ -200,10 +200,8 @@ export const Tooltip: React.FC<
                         placementSide === 'bottom' || color === 'dark'
                           ? 'drop-shadow(0 1px 1px rgba(225, 227, 237, .3))'
                           : 'drop-shadow(0 1px 1px rgba(225, 227, 237, .8))',
-                      [arrowXRule]: `${arrowX ?? (interactive ? 0 : -16)}px`,
-                      [arrowYRule]: `${
-                        arrowY ? arrowY + 6 : interactive ? 6 : -10
-                      }px`,
+                      [arrowXRule]: `${arrowX ?? -16}px`,
+                      [arrowYRule]: `${arrowY ? arrowY + 6 : -10}px`,
                     }}
                     fill="none"
                   >