Fix for edge markers displaying above nodes when using elk

mermaid-js · Oct 18, 2024 · b67cdb1 · b67cdb1
1 parent c789172
commit b67cdb1
Showing 1 changed file with 2 additions and 5 deletions.
diff --git a/packages/mermaid/src/diagrams/er/erRenderer-unified.ts b/packages/mermaid/src/diagrams/er/erRenderer-unified.ts
@@ -30,12 +30,9 @@ export const draw = async function (text: string, id: string, _version: string,
   data4Layout.markers = ['only_one', 'zero_or_one', 'one_or_more', 'zero_or_more'];
   data4Layout.diagramId = id;
   await render(data4Layout, svg);
-  // Elk layout algorithm displays markers above nodes, so cut off the half that covers the node for the larger markers.
+  // Elk layout algorithm displays markers above nodes, so move edges to top so they are "painted" over by the nodes.
   if (data4Layout.layoutAlgorithm === 'elk') {
-    svg.selectAll('*[id*="oneOrMoreStart"]').attr('viewBox', '18 0 38.5 36');
-    svg.selectAll('*[id*="oneOrMoreEnd"]').attr('viewBox', '0 0 27 36');
-    svg.selectAll('*[id*="zeroOrMoreStart"]').attr('viewBox', '18 0 38.5 36');
-    svg.selectAll('*[id*="zeroOrMoreEnd"]').attr('viewBox', '0 0 38.5 36');
+    svg.select('.edges').lower();
   }
   const padding = 8;
   utils.insertTitle(