From 1e5ea41bda342d5235168b222b2e9b795d482e52 Mon Sep 17 00:00:00 2001
From: moklick <info@moritzklack.com>
Date: Fri, 21 Oct 2022 12:20:23 +0200
Subject: [PATCH] fix(base-edge): dont apply animation to edge helper closes
 #2517

---
 packages/core/src/components/Edges/BaseEdge.tsx | 10 +++++++++-
 packages/core/src/styles/init.css               |  5 +++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/packages/core/src/components/Edges/BaseEdge.tsx b/packages/core/src/components/Edges/BaseEdge.tsx
index 65a9cf37..71106854 100644
--- a/packages/core/src/components/Edges/BaseEdge.tsx
+++ b/packages/core/src/components/Edges/BaseEdge.tsx
@@ -26,7 +26,15 @@ const BaseEdge = ({
         markerEnd={markerEnd}
         markerStart={markerStart}
       />
-      {interactionWidth && <path d={path} fill="none" strokeOpacity={0} strokeWidth={interactionWidth} />}
+      {interactionWidth && (
+        <path
+          d={path}
+          fill="none"
+          strokeOpacity={0}
+          strokeWidth={interactionWidth}
+          className="react-flow__edge-interaction"
+        />
+      )}
       {label ? (
         <EdgeText
           x={labelX}
diff --git a/packages/core/src/styles/init.css b/packages/core/src/styles/init.css
index c8ab7bfe..c24bc2d0 100644
--- a/packages/core/src/styles/init.css
+++ b/packages/core/src/styles/init.css
@@ -56,6 +56,11 @@
     animation: dashdraw 0.5s linear infinite;
   }
 
+  &.animated path.react-flow__edge-interaction {
+    stroke-dasharray: none;
+    animation: none;
+  }
+
   &.inactive {
     pointer-events: none;
   }