mermaid icon indicating copy to clipboard operation
mermaid copied to clipboard

Automatic multi-line support based on element width.

Open niemyjski opened this issue 4 years ago • 1 comments

Is your feature request related to a problem? Please describe.

If I have a long TD graph with say 10 sequences I want it to be cut off based on the element width and be multi-line (think media-queries). It really messes with the page width that doesn't have max-width with scrolling...

Describe the solution you'd like Look at the element width when rendering and automatically make sequences or diagrams be rendered on the next line. Also, if text is very long perhaps do automatic split on spacing after a certain length.

niemyjski avatar Mar 20 '20 13:03 niemyjski

Workaround: Place <br> tags manually:

flowchart 
    A -->|A really, really, really,<br> really long label| B
flowchart 
    A -->|A really, really, really,<br> really long label| B

StefanBrand avatar Mar 14 '22 08:03 StefanBrand