Flowchart edges not found: Diagram db `getEdges` returining edges which aren't drawn on DOM

[Aakansha Doshi]

Description

Diagram db getEdges sometimes returns edges which aren't drawn or DOM for flowchart

Steps to reproduce

Let's consider the 👇🏻 mermaid code

flowchart TB   
    subgraph conference
        frontend
        backend
        security
    end
    frontend --> |Dive into frontend frameworks| conference
    backend --> |Learn all about backend| conference
    security --> |securing web apps| conference

For the above this 👇🏻 is the mermaid output

As its clear that none of the edges are drawn even though the diagram db getEdges returns 👇🏻

[
    {
        "start": "frontend",
        "end": "conference",
        "type": "arrow_point",
        "text": "Dive into frontend frameworks",
        "labelType": "text",
        "stroke": "normal",
        "length": 1
    },
    {
        "start": "backend",
        "end": "conference",
        "type": "arrow_point",
        "text": "Learn all about backend",
        "labelType": "text",
        "stroke": "normal",
        "length": 1
    },
    {
        "start": "security",
        "end": "conference",
        "type": "arrow_point",
        "text": "securing web apps",
        "labelType": "text",
        "stroke": "normal",
        "length": 1
    }
]

So this should be fixed in the code so that the getEdges returns correct set of edges

Screenshots

No response

Code Sample

No response

Setup

• Mermaid version:
• Browser and Version: [Chrome, Edge, Firefox]

Suggested Solutions

No response

Additional Context

No response