Skip to content

[Sequence Diagram]title collides with box top border - safari #6619

@nacho4d

Description

@nacho4d

Description

In Safari, in a sequenceDiagram the title collides with the box top border. It looks bad.

Steps to reproduce

  1. create a sequenceDiagram with a box with a title
  2. see results in Safari

Screenshots

For comparison I show buggy Safari and ok Chrome.

Safari (Buggy) Chrome (OK)
Image Image

Code Sample

https://mermaid.live/edit#pako:eNptUU1Kw0AUvkp461qSNH_OQpBW6gFciGQzTV7jQDITJzOili5sVp5A1yKKCHoDLzOg13Ci1aB2Vu_n-3vMAjKRIxBo8EQjz3DCaCFplXLHvpk4c8YlQ64c5KdMCl7Z-mvXvZpKxTJWUwuYMrWvZ3tcoawla9Chzb_ZFxN5nvLewKxuTdua9tq0T-93r28PN-by2axeTPtoVvemvdrsd9gFH5dC551T321G79Z1iRM8xVLUKDvG78m_ZH-jb-3s9B7EOZCsKKzQTLNybdmvLfa3OnGmqJwMbZ45y6jCJuUwgEKyHIiSGgdQoaxo18Kik0tBHWOFKRBb5jinulQppHxpafagIyGqb6YUujgGMqdlYztd51Z__Ys_U2kvQzkWmisgsbf9KQJkAWdAvDgaxuEoCMIoDKJ4lAzgHIgfuUM3ct1w5Md-kAResBzAxaetO0ws2ne9yEtiNwy9ZPkBkFrKNQ
sequenceDiagram
    box Client environment
        participant GitHubEnterprise as GitHubEnterprise
    end

    box アップル社様のクラウド
        participant XcodeCloud as XcodeCloud
        participant AppleDeveloper as AppleDeveloper
    end

    GitHubEnterprise->>XcodeCloud: Trigger build
    XcodeCloud->>AppleDeveloper: Get certificates

Setup

  • Mermaid version: 11.6.0
  • Browser and Version: [Safari] (In chrome it works ok)

Suggested Solutions

No response

Additional Context

No response

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions