From dfe832728eb4fe7aa71160db0c01458ef0414d3a Mon Sep 17 00:00:00 2001
From: syoul <syoul@librezo.fr>
Date: Wed, 22 Apr 2026 02:06:44 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20pointer-events=3D"stroke"=20sur=20les=20?=
 =?UTF-8?q?arcs=20=E2=80=94=20corrige=20tooltip=20persistant=20dans=20la?=
 =?UTF-8?q?=20zone=20de=20fill?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Le <g> parent héritait pointer-events:all aux <path> enfants, capturant
la zone de fill géométrique (intérieur de l'arc). onMouseLeave ne se
déclenchait pas en restant dans cette zone.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/components/FlowMap.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/FlowMap.tsx b/src/components/FlowMap.tsx
index bc98c6a..3c33681 100644
--- a/src/components/FlowMap.tsx
+++ b/src/components/FlowMap.tsx
@@ -330,8 +330,8 @@ export function FlowMap({ arcs, focusCity, onCityClick }: FlowMapProps) {
                 style={{ cursor: 'default' }}
               >
                 {/* Zone de hit invisible plus large */}
-                <path d={a.path} fill="none" stroke="transparent" strokeWidth={Math.max(2, a.strokeW)} />
-                <path d={a.path} fill="none" stroke={a.stroke} strokeWidth={a.strokeW} strokeLinecap="round" />
+                <path d={a.path} fill="none" stroke="transparent" strokeWidth={Math.max(2, a.strokeW)} pointerEvents="stroke" />
+                <path d={a.path} fill="none" stroke={a.stroke} strokeWidth={a.strokeW} strokeLinecap="round" pointerEvents="stroke" />
                 <polygon points={a.arrowPts} fill={a.arrowFill} />
               </g>
             ))}