Mermaid and Headertabs

[RNitzsche]

Thanks for the mermaid-Extension.

We use Headertabs (https://www.mediawiki.org/wiki/Extension:Header_Tabs) and Accordions from the bootstrap extension. (https://www.mediawiki.org/wiki/Extension:Bootstrap)

Both extensions hide some parts of the page on opening. The user can switch to another heaedertab and will get further information.

Mermaid-Diagramms which are visibile when opening the page are rendered correctly.

Mermaid-Diagramms which are not visible when opening the page are not rendered when switching to the Headertab.

Maybe a small change in eventhandling could solve this problem. This would be great!

[ndc-rkevans]

@RNitzsche - Thanks for submitting this issue. We are affected by this behavior too.

Can you confirm if the issue occurs with a page as simple as:

=Tab1=
=Tab2=
{{Mermaid Test}}
=Tab3=
<headertabs/>

where Template:Mermaid Test contains:

{{#mermaid: flowchart LR
A --> B
B --> C
B --> D
}}

Thanks!

MW version info:

• MW 1.39.11
• MW 4.2.0
• Bootstrap 4.6.2
• Chameleon 4.4.2
• Header Tabs 2.3