fix: corrects issues with edge rendering on the graph view (#53998)

codecae · Curtis Bangert · web-flow · commit 7f8383b1d98d · 2025-08-12T15:29:35.000+02:00
* fix: corrects issues with edge rendering on the graph view

* fix: moved edge deduplication logic to formatChildNode.

---------

Co-authored-by: Curtis Bangert &lt;bangert.curtis+git@gmail.com&gt;
diff --git a/airflow-core/src/airflow/ui/src/components/Graph/useGraphLayout.ts b/airflow-core/src/airflow/ui/src/components/Graph/useGraphLayout.ts
@@ -169,6 +169,8 @@ const generateElkGraph = ({
     }
 
     if (!Boolean(isOpen) && node.children !== undefined) {
+      const seenEdges = new Set<string>();
+
       filteredEdges = filteredEdges
         // Filter out internal group edges
         .filter((fe) => !(childIds.includes(fe.source_id) && childIds.includes(fe.target_id)))
@@ -177,7 +179,18 @@ const generateElkGraph = ({
           ...fe,
           source_id: childIds.includes(fe.source_id) ? node.id : fe.source_id,
           target_id: childIds.includes(fe.target_id) ? node.id : fe.target_id,
-        }));
+        }))
+        // Deduplicate edges based on source_id and target_id composite
+        .filter((fe) => {
+          const edgeKey = `${fe.source_id}-${fe.target_id}`;
+
+          if (seenEdges.has(edgeKey)) {
+            return false;
+          }
+          seenEdges.add(edgeKey);
+
+          return true;
+        });
       closedGroupIds.push(node.id);
     }
 
