fixed z-index ordering issues

2025-04-16 16:02:22 +02:00
parent 3ef63ad10e
commit 201ed30bc6
15 changed files with 290 additions and 202 deletions
@@ -13,19 +13,17 @@
  }: { store: SvelteFlowStore } & EdgeEvents = $props();
 </script>

-<div class="svelte-flow__edges">
-  <svg class="svelte-flow__marker">
-    <MarkerDefinition />
-  </svg>
+<svg class="svelte-flow__marker">
+  <MarkerDefinition />
+</svg>

-  {#each store.visible.edges.values() as edge (edge.id)}
-    <EdgeWrapper
-      bind:store
-      {edge}
-      {onedgeclick}
-      {onedgecontextmenu}
-      {onedgepointerenter}
-      {onedgepointerleave}
-    />
-  {/each}
-</div>
+{#each store.visible.edges.values() as edge (edge.id)}
+  <EdgeWrapper
+    bind:store
+    {edge}
+    {onedgeclick}
+    {onedgecontextmenu}
+    {onedgepointerenter}
+    {onedgepointerleave}
+  />
+{/each}
@@ -43,31 +43,19 @@
  });
 </script>

-<div class="svelte-flow__nodes">
-  {#each store.visible.nodes.values() as node (node.id)}
-    <NodeWrapper
-      bind:store
-      {node}
-      {resizeObserver}
-      {nodeClickDistance}
-      {onnodeclick}
-      {onnodepointerenter}
-      {onnodepointermove}
-      {onnodepointerleave}
-      {onnodedrag}
-      {onnodedragstart}
-      {onnodedragstop}
-      {onnodecontextmenu}
-    />
-  {/each}
-</div>
-
-<style>
-  .svelte-flow__nodes {
-    width: 100%;
-    height: 100%;
-    position: absolute;
-    left: 0;
-    top: 0;
-  }
-</style>
+{#each store.visible.nodes.values() as node (node.id)}
+  <NodeWrapper
+    bind:store
+    {node}
+    {resizeObserver}
+    {nodeClickDistance}
+    {onnodeclick}
+    {onnodepointerenter}
+    {onnodepointermove}
+    {onnodepointerleave}
+    {onnodedrag}
+    {onnodedragstart}
+    {onnodedragstop}
+    {onnodecontextmenu}
+  />
+{/each}
@@ -161,8 +161,6 @@
          containerStyle={connectionLineContainerStyle}
          style={connectionLineStyle}
        />
-        <div class="svelte-flow__edgelabel-renderer"></div>
-        <div class="svelte-flow__viewport-portal"></div>
        <NodeRenderer
          bind:store
          {nodeClickDistance}