From 2192fff9b27e5b141cc36e8da22dd27fa7f0bb29 Mon Sep 17 00:00:00 2001
From: braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 15 Jan 2024 21:34:11 +0100
Subject: [PATCH] fix(core,connection-line): pass flow id to `getMarkerId` in
 connection line

---
 packages/core/src/components/ConnectionLine/index.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/packages/core/src/components/ConnectionLine/index.ts b/packages/core/src/components/ConnectionLine/index.ts
index c08637e2..b0615e9f 100644
--- a/packages/core/src/components/ConnectionLine/index.ts
+++ b/packages/core/src/components/ConnectionLine/index.ts
@@ -19,6 +19,7 @@ const ConnectionLine = defineComponent({
   compatConfig: { MODE: 3 },
   setup() {
     const {
+      id,
       connectionMode,
       connectionStartHandle,
       connectionEndHandle,
@@ -138,8 +139,8 @@ const ConnectionLine = defineComponent({
                 sourceHandle: fromHandle,
                 targetNode,
                 targetHandle: toHandle,
-                markerEnd: `url(#${getMarkerId(connectionLineOptions.value.markerEnd)})`,
-                markerStart: `url(#${getMarkerId(connectionLineOptions.value.markerStart)})`,
+                markerEnd: `url(#${getMarkerId(connectionLineOptions.value.markerEnd, id)})`,
+                markerStart: `url(#${getMarkerId(connectionLineOptions.value.markerStart, id)})`,
                 connectionStatus: connectionStatus.value,
               })
             : h('path', {
@@ -149,8 +150,8 @@ const ConnectionLine = defineComponent({
                   ...connectionLineStyle.value,
                   ...connectionLineOptions.value.style,
                 },
-                'marker-end': `url(#${getMarkerId(connectionLineOptions.value.markerEnd)})`,
-                'marker-start': `url(#${getMarkerId(connectionLineOptions.value.markerStart)})`,
+                'marker-end': `url(#${getMarkerId(connectionLineOptions.value.markerEnd, id)})`,
+                'marker-start': `url(#${getMarkerId(connectionLineOptions.value.markerStart, id)})`,
               }),
         ),
       )