From 79ab4cb3e0b2795eaacc586e213687faa5f1517b Mon Sep 17 00:00:00 2001
From: Peter <p.korcsak@googlemail.com>
Date: Wed, 27 Sep 2023 16:02:46 +0200
Subject: [PATCH] fix(svelte) corrected <g> positioning

---
 .../custom-connection-line/ConnectionLine.svelte      |  4 +---
 .../components/ConnectionLine/ConnectionLine.svelte   | 11 ++++++-----
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
index 20ac6192..23d8653d 100644
--- a/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
+++ b/examples/svelte/src/routes/custom-connection-line/ConnectionLine.svelte
@@ -5,7 +5,5 @@
 </script>
 
 {#if $connection.path}
-	<g class={$connection.status}>
-		<path d={$connection.path} fill="none" stroke={$connection.startHandle?.handleId} />
-	</g>
+	<path d={$connection.path} fill="none" stroke={$connection.startHandle?.handleId} />
 {/if}
diff --git a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
index f8ddc5b3..4635dad5 100644
--- a/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
+++ b/packages/svelte/src/lib/components/ConnectionLine/ConnectionLine.svelte
@@ -12,11 +12,12 @@
 
 {#if $connection.path}
   <svg width={$width} height={$height} class="svelte-flow__connectionline" style={containerStyle}>
-    <slot name="connectionLine" />
-    {#if !usingCustomLine}
-      <g class={cc(['svelte-flow__connection', $connection.status])} {style}>
+    <g class={cc(['svelte-flow__connection', $connection.status])} {style}>
+      <slot name="connectionLine" />
+      <!-- slot fallbacks do not work if slots are forwarded in parent -->
+      {#if !usingCustomLine}
         <path d={$connection.path} fill="none" class="svelte-flow__connection-path" />
-      </g>
-    {/if}
+      {/if}
+    </g>
   </svg>
 {/if}