introduce divs for nodes, edges, edge labels and viewport front & back to simplify z-index ordering

2025-04-29 20:15:23 +02:00
parent fddd4be6f8
commit 472ef21c62
8 changed files with 44 additions and 37 deletions
@@ -149,6 +149,7 @@
  >
    <Pane bind:store {onpaneclick} {onpanecontextmenu} {panOnDrag} {selectionOnDrag}>
      <ViewportComponent bind:store>
+        <div class="svelte-flow__viewport-back svelte-flow__container"></div>
        <EdgeRenderer
          bind:store
          {onedgeclick}
@@ -156,6 +157,7 @@
          {onedgepointerenter}
          {onedgepointerleave}
        />
+        <div class="svelte-flow__edge-labels svelte-flow__container"></div>
        <ConnectionLine
          bind:store
          type={connectionLineType}
@@ -183,6 +185,7 @@
          {onnodedragstart}
          {onnodedragstop}
        />
+        <div class="svelte-flow__viewport-front svelte-flow__container"></div>
      </ViewportComponent>
      <Selection
        isVisible={!!(store.selectionRect && store.selectionRectMode === 'user')}