From ee274b267fdb7db8d8cc95c10a1289ecb7d46b04 Mon Sep 17 00:00:00 2001
From: Christian Vidal Wolf <christianvidalwolf@gmail.com>
Date: Mon, 27 Apr 2026 11:49:42 +0200
Subject: [PATCH] Fix: render TOTALS tooltip via ReactDOM portal to
 document.body, escaping all stacking contexts

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
---
 components/WeeklyGrid.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/WeeklyGrid.tsx b/components/WeeklyGrid.tsx
index 8788a05..c9935de 100644
--- a/components/WeeklyGrid.tsx
+++ b/components/WeeklyGrid.tsx
@@ -455,7 +455,7 @@ const WeeklyGrid: React.FC<WeeklyGridProps & { top50Mode: 'eu' | 'uk' }> = ({
         XLSX.writeFile(wb, `Weekly_Sales_Export_${new Date().toISOString().slice(0, 10)}.xlsx`);
     }, [sortedRows, allWeeks, weekTotals]);
 
-    return (
+    const mainContent = (
         <div className="flex flex-col gap-3 md:gap-4 animate-fade-in px-1 md:px-0">
             {/* Toolbar: Search & Pagination */}
             <div className="flex flex-col lg:flex-row justify-between items-center gap-3 md:gap-4 bg-slate-900 border border-white/10 p-2 md:p-4 rounded-xl shadow-lg">