Sequence Diagrams with messageAlign smash text with `<br>`

Describe the bug When create a sequence diagram with messageAlign: left config and the text contains <br> line breaks, all the lines gets smashed into the first line.

To Reproduce Steps to reproduce the behavior:

1. Set the config to { "sequence": { "messageAlign": "left"} }
2. Create a sequence diagram using <br> in the message

Expected behavior The diagram to have left aligned text with line breaks, as in https://github.com/mermaid-js/mermaid/pull/1315

Screenshots <kbd></kbd>

You can see in the screenshot everything is smashed into the first line.

Code Sample Live Editor example

```mermaid
%%{init: { 'sequence': {'messageAlign': 'left'} }}%%
sequenceDiagram
User->>Browser: Click hello
Browser->>Server: Get /hello HTTP/1.1 <br> Host: example.com <br> Accept: text/html
Server->>Browser: HTTP/1.1/ 200 OK <br> Content-Type: text/html <br> Content-Length: 42
```

Github Render:

%%{init: { 'sequence': {'messageAlign': 'left'} }}%%
sequenceDiagram
User->>Browser: Click hello
Browser->>Server: Get /hello HTTP/1.1 <br> Host: example.com <br> Accept: text/html
Server->>Browser: HTTP/1.1/ 200 OK <br> Content-Type: text/html <br> Content-Length: 42

Desktop (please complete the following information):

• OS: macOS 12.3.1
• Browser: Chrome
• Version: 101.0.4951.54

[PackElend]

eventually it is done https://github.com/mermaid-js/mermaid/issues/3594

[PackElend]

If you could do it today, it would be great otherwise I’ll do it tomorrow (late)

Le mer. 21 sept. 2022 à 19:20, Kevin Woo @.***> a écrit :

You’re right, it does look a little weird.

Seems like messageAlign moved the message left, center, or right of the connection line.

Maybe we should open a new issue to maybe introduce messageAlign: centerLeft?

— Reply to this email directly, view it on GitHub https://github.com/mermaid-js/mermaid/issues/3011#issuecomment-1254004891, or unsubscribe https://github.com/notifications/unsubscribe-auth/AA3AYDZGLJBGXBRRL4L5C6DV7M7XPANCNFSM5VJD3AJA . You are receiving this because you were mentioned.Message ID: @.***>