From 0e9ae9fbc15da2c90e555cff0846786444d080d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Loridan?= <clement.loridan@braineet.com>
Date: Thu, 22 Apr 2021 09:56:48 +0300
Subject: [PATCH 1/2] fix(edge): change order of the first EdgeAnchor disturbed
 by the EdgeComponent

---
 src/components/Edges/wrapEdge.tsx | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/Edges/wrapEdge.tsx b/src/components/Edges/wrapEdge.tsx
index d667f6b9..d5011184 100644
--- a/src/components/Edges/wrapEdge.tsx
+++ b/src/components/Edges/wrapEdge.tsx
@@ -184,15 +184,6 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
         onMouseMove={onEdgeMouseMove}
         onMouseLeave={onEdgeMouseLeave}
       >
-        {handleEdgeUpdate && (
-          <g
-            onMouseDown={onEdgeUpdaterSourceMouseDown}
-            onMouseEnter={onEdgeUpdaterMouseEnter}
-            onMouseOut={onEdgeUpdaterMouseOut}
-          >
-            <EdgeAnchor position={sourcePosition} centerX={sourceX} centerY={sourceY} radius={edgeUpdaterRadius} />
-          </g>
-        )}
         <EdgeComponent
           id={id}
           source={source}
@@ -218,6 +209,15 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
           sourceHandleId={sourceHandleId}
           targetHandleId={targetHandleId}
         />
+        {handleEdgeUpdate && (
+          <g
+            onMouseDown={onEdgeUpdaterSourceMouseDown}
+            onMouseEnter={onEdgeUpdaterMouseEnter}
+            onMouseOut={onEdgeUpdaterMouseOut}
+          >
+            <EdgeAnchor position={sourcePosition} centerX={sourceX} centerY={sourceY} radius={edgeUpdaterRadius} />
+          </g>
+        )}
         {handleEdgeUpdate && (
           <g
             onMouseDown={onEdgeUpdaterTargetMouseDown}

From 1bc4b46471741b08976ffbde3586cbe99fb4682c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cl=C3=A9ment=20Loridan?= <clement.loridan@braineet.com>
Date: Sat, 24 Apr 2021 13:50:04 +0300
Subject: [PATCH 2/2] fix(edge: styles): click only on the stroke of the edge

---
 src/style.css | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/style.css b/src/style.css
index 6ff9db4f..e98eb58e 100644
--- a/src/style.css
+++ b/src/style.css
@@ -42,7 +42,7 @@
 }
 
 .react-flow__edge {
-  pointer-events: all;
+  pointer-events: visibleStroke;
 
   &.inactive {
     pointer-events: none;
@@ -145,6 +145,7 @@
 
 .react-flow__edgeupdater {
   cursor: move;
+  pointer-events: all;
 }
 
 /* additional components */