From 4f9d81917c97905688548fc3d2c4d58b0958c18b Mon Sep 17 00:00:00 2001
From: psychedelicious <4822129+psychedelicious@users.noreply.github.com>
Date: Sun, 26 Jan 2025 10:59:04 +1100
Subject: [PATCH] fix(ui): do not render dashed edges unless animation is
 enabled

---
 .../nodes/components/flow/edges/InvocationDefaultEdge.tsx   | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/edges/InvocationDefaultEdge.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/edges/InvocationDefaultEdge.tsx
index 6654532b27..bd7484f0be 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/edges/InvocationDefaultEdge.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/edges/InvocationDefaultEdge.tsx
@@ -24,11 +24,11 @@ const baseEdgeSx: SystemStyleObject = {
   '&[data-selected="true"]': {
     opacity: '1 !important',
   },
-  '&[data-selected="true"], &[data-are-connected-nodes-selected="true"]': {
-    strokeDasharray: '5 !important',
-  },
   '&[data-should-animate-edges="true"]': {
     animation: 'dashdraw 0.5s linear infinite !important',
+    '&[data-selected="true"], &[data-are-connected-nodes-selected="true"]': {
+      strokeDasharray: '5 !important',
+    },
   },
 };