From d2c1c5185fe4116e9f5b0346748f97e020cd4263 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Wed, 14 Jun 2023 15:45:29 +0200
Subject: [PATCH] fix(core): set interaction edge styles so animation does not
 break pointer

---
 packages/core/src/components/Edges/BaseEdge.ts | 1 +
 packages/core/src/style.css                    | 5 +++++
 2 files changed, 6 insertions(+)

diff --git a/packages/core/src/components/Edges/BaseEdge.ts b/packages/core/src/components/Edges/BaseEdge.ts
index 09bf885b..d28addc9 100644
--- a/packages/core/src/components/Edges/BaseEdge.ts
+++ b/packages/core/src/components/Edges/BaseEdge.ts
@@ -41,6 +41,7 @@ const BaseEdge: FunctionalComponent<BaseEdgeProps> = function (
           'fill': 'none',
           'stroke-opacity': 0,
           'stroke-width': interactionWidth,
+          'class': 'vue-flow__edge-interaction',
         })
       : null,
     label && isNumber(labelX) && isNumber(labelY)
diff --git a/packages/core/src/style.css b/packages/core/src/style.css
index 714c9258..2c6011d4 100644
--- a/packages/core/src/style.css
+++ b/packages/core/src/style.css
@@ -78,6 +78,11 @@
      animation: dashdraw 0.5s linear infinite;
    }
 
+  &.animated path.vue-flow__edge-interaction {
+     stroke-dasharray: none;
+     animation: none;
+   }
+
   &.inactive {
      pointer-events: none;
    }