showing flowcharts in documents (Mermaid)

[keyhanjk]

for example we have charts in this page
https://www.erlang.org/doc/apps/kernel/logger_chapter.html
but show only source code

Chart in document:

---
title: Conceptual Overview
---
flowchart TD
    DB[(Config DB)]
    API ---> ML[Module Level <hr> Global Level <hr> Global Filters]
    API -.Update configuration.-> DB
    ML -.-> DB
    ML ---> HL1[Hander Level <hr> Handler Filter]
    ML ---> HL2[Hander Level <hr> Handler Filter]
    HL1 ---> HC1[Handler Callback]
    HL2 ---> HC2[Handler Callback]
    HL1 -.-> DB
    HL2 -.-> DB
    subgraph Legend
        direction LR
        start1[ ] -->|Log event flow| stop1[ ]
        style start1 height:0px;
        style stop1 height:0px;
        start2[ ] -.->|Look up configuration| stop2[ ]
        style start2 height:0px;
        style stop2 height:0px;
    end

Behaviour:
show only source codes

Expected:

[garazdawi]

Does it work if you reload the page?

[keyhanjk]

Does it work if you reload the page?

yes, after reloading it works

[garazdawi]

Then it is #9346 that needs to be backported to maint-27 for the website to use it. Basically there is an issue when navigating to a page that the mermaid renderer is not triggered as it should be. Doing a reload triggers the rendering and makes everything work again.