Skip to content

Direction in subgraphs inconsistent #4648

@sjackson0109

Description

@sjackson0109

Description

I've created two objects, with a series of nested sub-objects. defined directional instructions throughout, and the experience is clearly inconsistent.

Steps to reproduce

Created a 4-tier set of nested objects (2x firewalls, with a bank of ethernet ports, stacked vertically in pairs, and distributed horizontally.

Screenshots

image

Code Sample

flowchart TB
    subgraph FIREWALLS
        direction LR
        subgraph FW01["FW01 SonicWall TZ470W"]
            direction LR
            subgraph FW01GBE
                direction LR
                subgraph FW011GROUP1[" "]
                    direction TB
                    FW01X6[X6]
                    FW01X4[X4]
                    FW01X2[X2]
                    FW01X0[X0]
                    
                end
                subgraph FW011GROUP2[" "]
                    direction TB
                    FW01X7[X7]
                    FW01X5[X5]
                    FW01X3[X3]
                    FW01X1[X1]
                end
            end
            subgraph FW01SFP["2.5G SFP+"]
                direction LR
                FW01X8[X8]
                FW01X9[X9]
            end
            subgraph FW01U["WWAN"]
                direction LR
                FW01U0[U0]
            end
            FW01GBE --- FW01SFP
            FW01SFP --- FW01U
        end

        subgraph FW02["FW02 SonicWall TZ470W"]
            direction LR
            subgraph FW02GBE
                direction LR
                subgraph FW021GROUP1[" "]
                    direction TB
                    FW02X6[X6]
                    FW02X4[X4]
                    FW02X2[X2]
                    FW02X0[X0]
                    
                end
                subgraph FW021GROUP2[" "]
                    direction TB
                    FW02X7[X7]
                    FW02X5[X5]
                    FW02X3[X3]
                    FW02X1[X1]
                end
            end
            subgraph FW02SFP["2.5G SFP+"]
                direction LR
                FW02X8[X8]
                FW02X9[X9]
            end
            subgraph FW02U["WWAN"]
                direction LR
                FW02U0[U0]
            end
            FW02GBE --- FW02SFP
            FW02SFP --- FW02U
        end

    end

Setup

  • Mermaid version: 10.2.3
  • Browser and Version: VSCode, Mermaid Preview Mermaid Support plugin v1.19.0. Also same experience on mermaid.live.

Suggested Solutions

No response

Additional Context

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type: Bug / ErrorSomething isn't working or is incorrect

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions