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
@@ -1,13 +1,13 @@
 import { useStore } from '$lib/store';

-type Portal = 'viewport' | 'root';
+type Portal = 'viewport-back' | 'viewport-front' | 'root' | 'edge-labels';

 function tryToMount(node: Element, domNode: Element | null, target: Portal | undefined) {
  if (!target || !domNode) {
    return;
  }

-  const targetEl = target === 'root' ? domNode : domNode.querySelector('.svelte-flow__viewport');
+  const targetEl = target === 'root' ? domNode : domNode.querySelector(`.svelte-flow__${target}`);

  if (targetEl) {
    targetEl.appendChild(node);