Flowchart Line/Path Kinks

Request As you can see from the attached screenshot, one of the paths goes off to the right for no reason, then swings back on itself to the left to connect to the node beneath it. Is there any way to improve the intelligence of the path layout, or if that’s too complex, to simply force all paths to be straight-lines?

Thanks & Background Info Thanks for producing such an amazing & simple to use solution; really like it & very impressed. I’ve used it to automate my documentation, by having discovery scripts build a detailed, low level CMDB, then using the dependency data from that to generate graphs in Mermaid.

I added the following CSS to allow me to hover over a path & have it display more clearly; i.e. so I can see at a glance which nodes are connected. Hopefully that makes the issue reported above stand out more:

path:hover {
	stroke-width:4px;
}
/* more complex option to color edger red too:
.edgePath:hover * {
	stroke:red;
	stroke-width:4px;
	fill: red;
}
*/

[tylerlong]

@JohnLBevan Last night I did a change which might mitigate the issue: https://github.com/knsv/mermaid/issues/580#issuecomment-373929046

The Online Mermaid Editor doesn’t support changing of mermaid config (at the moment) so I am unable to post a link. Here is a screenshot:

[tylerlong]

Could you please reproduce the issue in https://mermaidjs.github.io/mermaid-live-editor/ and post back a link here?

The layout is powered by https://github.com/dagrejs/dagre-d3 and it could be an upstream issue too.