Skip to content

Clickable Links on Mermaid Diagrams #10137

@NomisRenarc

Description

@NomisRenarc

Is there an existing issue for this?

  • I have searched the existing issues

This is not related to configuring Outline

  • The issue is not related to self-hosting config

Current Behavior

I am currently using Outline v0.83 from April '25 and we have the following issues to report:

  1. anyone with edit/admin rights on Outline

when going to Mermaid Diagram and clicking on a clickable run-block, it expands the config of the diagram instead of simply opening the clickable link

  1. Clickable links are inconsistent

works or doesn't work, cannot produce reliability (i.e. not necessarily 50/50 split of working vs non-working)

  1. Clickable links only open in existing browser tab
    code doesn't open the link in new tab
    opening in new tab only works if you control+click.

Can someone please advise what might be wrong code wise or if this is known to be fixed in a specific newer Outline version. I have searched and cannot find similar or other reported bugs with this behaviour.

Expected Behavior

  1. Mermaid Diagrams should not expand to editable view (unless explicit edit option is clicked)
  2. Clickable Links behaviour should work as expected with being clickable vs click not working
  3. When using _blank in the config, the new browser tab should open as per the documentation and doesn't.

Steps To Reproduce

The example code we have tested versus our full custom code on diagrams produces the same results.
Using the following code sample has the issues:

flowchart TD A@{ shape: stadium, label: "**Start**" } --> ide A:::border style A fill:#bad2ed,stroke:#0072bc,color:#0072bc subgraph ide ["**Directive**"] direction LR B@{ shape: notch-pent, label: "**Google**"} --> L@{shape: rect, label: "**Sky News**"} style B fill:#d6a8ed,stroke:#8e7cc3,color:#fff style L fill:#d6a8ed,stroke:#8e7cc3,color:#fff style M fill:#d6a8ed,stroke:#8e7cc3,color:#fff L-->M@{shape: rect, label: "**Github**"} click B "https://www.google.com" _blank click M "https://github.com" _blank click L "https://news.sky.com" _blank end;

Environment

- Outline:0.83
- Browser: Safari, Chrome, Edge etc

Anything else?

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions