Hidden nodes can cause computation issues

[JBBianchi]

Description

Sometime, when building edges from a hidden node (~= width = 0), Mermaid fails and throws an error Could not find a suitable point for the given distance.

Steps to reproduce

Unknown besides the specific sample provided below.

Screenshots

No response

Code Sample

flowchart TD
    root-entry-node(( ))
    root-exit-node((( )))
    /do/0/consumeReading["consumeReading"]
    subgraph /do/1/logReading ["logReading"]
        /do/1/logReading-entry-node:::hidden
        /do/1/logReading-exit-node:::hidden
        /do/1/logReading/for/do/0/callOrderService["callOrderService"]
        /do/1/logReading-entry-node --> /do/1/logReading/for/do/0/callOrderService
        /do/1/logReading/for/do/0/callOrderService --- /do/1/logReading-exit-node
    end
    /do/2/generateReport["generateReport"]
    /do/3/sendReminder["sendReminder"]
    
    root-entry-node --> /do/0/consumeReading
    /do/0/consumeReading --- /do/1/logReading-entry-node

    /do/1/logReading-exit-node --"${ order.proccessed == true }"--> /do/2/generateReport
    /do/1/logReading-exit-node --"${ order.proccessed == false }"--> /do/3/sendReminder
    /do/1/logReading-exit-node ---> root-exit-node

    /do/2/generateReport --> root-exit-node
    /do/3/sendReminder --> root-exit-node

classDef hidden display: none;

See it live

Setup

• Mermaid version: 11.5.0
• Browser and Version: Firefox (137.0 (64-bit)) and Chrome (Version 134.0.6998.178 64bits

Suggested Solutions

No response

Additional Context

• Changing the hidden classDef to provide a width will avoid the bug:
  classDef hidden width: 1px, height: 0px;
  (edit: height also needs to be set at 1px in some cases)
• Removing the problematic edges labels will avoid the bug (even removing one of the two labels)
• Removing one of the 3 problematic edges doesn't produce the bug, e.g.:

flowchart TD
    root-entry-node(( ))
    root-exit-node((( )))
    /do/0/consumeReading["consumeReading"]
    subgraph /do/1/logReading ["logReading"]
        /do/1/logReading-entry-node:::hidden
        /do/1/logReading-exit-node:::hidden
        /do/1/logReading/for/do/0/callOrderService["callOrderService"]
        /do/1/logReading-entry-node --> /do/1/logReading/for/do/0/callOrderService
        /do/1/logReading/for/do/0/callOrderService --- /do/1/logReading-exit-node
    end
    /do/2/generateReport["generateReport"]
    /do/3/sendReminder["sendReminder"]
    
    root-entry-node --> /do/0/consumeReading
    /do/0/consumeReading --- /do/1/logReading-entry-node

    /do/1/logReading-exit-node --"${ order.proccessed == true }"--> /do/2/generateReport
    /do/1/logReading-exit-node ---> root-exit-node

    /do/2/generateReport --> root-exit-node
    /do/3/sendReminder --> root-exit-node

classDef hidden display: none;

• Similar to Unstable bug - can't render hidden nodes with centered text in Firefox #6022