From fa50617d3c755870b38c5b86e00a380e1c2db127 Mon Sep 17 00:00:00 2001
From: Peter Meier <peter.meier.1986@gmail.com>
Date: Sat, 16 May 2026 15:25:18 +0200
Subject: [PATCH] Fix Tooltip overflow-hidden clipping via portal action

Portal the tooltip into document.body so overflow:hidden ancestors
can't clip it. Fixed positioning + getBoundingClientRect() for placement.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/lib/ui/Tooltip.svelte | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/lib/ui/Tooltip.svelte b/src/lib/ui/Tooltip.svelte
index 4edb555..beed041 100644
--- a/src/lib/ui/Tooltip.svelte
+++ b/src/lib/ui/Tooltip.svelte
@@ -49,6 +49,14 @@
       ? `position:fixed;top:${fixedTop}px;left:${fixedLeft}px;transform:translateY(-100%);`
       : `position:fixed;top:${fixedTop}px;left:${fixedLeft}px;`,
   );
+
+  // Portal action: moves the node into document.body so overflow:hidden ancestors can't clip it.
+  function portal(node: HTMLElement) {
+    document.body.appendChild(node);
+    return {
+      destroy() { node.remove(); },
+    };
+  }
 </script>
 
 <div
@@ -63,6 +71,7 @@
   {@render children?.()}
   {#if showTooltip}
     <div
+      use:portal
       role="tooltip"
       class="z-[9999] px-3 py-2 text-xs font-normal text-stein-0 bg-stein-800 rounded-xs shadow-lg min-w-56 max-w-88 text-center pointer-events-none whitespace-normal"
       style={tooltipStyle}