Merge pull request #1116 from clementloridan/main

fix(edge): change order of the first EdgeAnchor disturbed by the EdgeComponent

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}

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 */