fix: Place edges under nodes [PT-187516581]

This fixes the node selection problem.
concord-consortium · Sep 26, 2024 · 6e9452a · 6e9452a
1 parent c762418
commit 6e9452a
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/components/graph.tsx b/src/components/graph.tsx
@@ -613,6 +613,7 @@ export const Graph = (props: Props) => {
       .data(d3Graph.edges)
       .enter()
       .append("line")
+      .lower() // add below nodes
       .attr("class", lineBackgroundClass)
       .attr("stroke", "#000")
       .attr("stroke-opacity", 0)
@@ -633,6 +634,7 @@ export const Graph = (props: Props) => {
       .data(d3Graph.edges)
       .enter()
       .append("line")
+      .lower() // add below nodes
       .attr("class", "edge")
       .attr("stroke", "#999")
       .attr("stroke-opacity", lineAndLoopOpacity)
@@ -657,6 +659,7 @@ export const Graph = (props: Props) => {
       .data(d3Graph.nodes.filter(n => n.loops))
       .enter()
       .append("path")
+      .lower() // add below nodes
       .attr("class", "loop-background")
       .attr("d", nodeLoopPath)
       .attr("stroke", "#000")
@@ -674,6 +677,7 @@ export const Graph = (props: Props) => {
       .data(d3Graph.nodes.filter(n => n.loops))
       .enter()
       .append("path")
+      .lower() // add below nodes
       .attr("class", "loop")
       .attr("d", nodeLoopPath)
       .attr("stroke", "#999")