mermaid-js / mermaid

Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown

Home Page:https://mermaid.js.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Block diagram group title should be rendered above of inner blocks

rusinikita opened this issue · comments

Description

I do application components diagram. Now it looks like this.

I use arrows because I can't use block titles.

Steps to reproduce

I try to use block group titles with this correct syntax (no errors)

First block title invisible because it placed in center.
Second block title visible because it has space in center.

Screenshots

No response

Code Sample

block-beta
    columns 1

    block:ui("UI Title"):1
        Component1 Component2 Component3
    end

    block:uc("UC Title"):1
        UseCase1 space UseCase2
    end

Setup

  • Mermaid version: latest live editor
  • Browser and Version: Chrome

Suggested Solutions

If block group has title then it should be rendered with top padding (for inner blocks) and title inside this top padding.

Additional Context

I can start working on PR if no one has plans for that

Hello, Have you found the cause of this problem in the codebase