fix: ensure tooltip trigger element is absolutely positioned to not affect the scroll box

9c40e341 · Dennis Collaris · 412ef7a0 · 9c40e341
Commit 9c40e341 authored 9 months ago by Dennis Collaris
--- a/libs/shared/lib/components/tooltip/Tooltip.tsx
+++ b/libs/shared/lib/components/tooltip/Tooltip.tsx
@@ -119,11 +119,12 @@ export const TooltipTrigger = React.forwardRef<HTMLElement, React.HTMLProps<HTML

  React.useEffect(() => {
    if (x == null) return;
-    if (x && y) {
-      context.data.refs.reference.current.style.transform = `translate(${x}px, ${y}px)`;
+    if (x && y && context.data.refs.reference.current != null) {
+      const element = context.data.refs.reference.current as HTMLElement;
+      element.style.position = 'absolute';
+      element.style.transform = `translate(${x}px, ${y}px)`;
+      context.data.update();
    }
-
-    context.data.update();
  }, [x, y]);

  // `asChild` allows the user to pass any element as the anchor