Tag Plugin的tabs组件和mermaid图渲染问题

[jasonren0403]

当在Tabs组件中使用mermaid图表时，只加载了当前显示的tab的图，切换其他标签页不会显示其他标签页中包含的mermaid图表

用的是next v8.8.1，暂时没时间做完整复现所以就在discussion这边提一下了

[stevenjoezhang]

我复现了另一个问题，切换标签页 mermaid 图表会直接报 Syntax error

[stevenjoezhang]

应该是 mermaid 的问题，页面上不可见的内容在渲染后尺寸不对

{% note info no-icon This is a summary %}
{% mermaid graph TD %}
A[测试] -->|Get money| B(Go shopping)
B --> C{Let me think}
C -->|One| D[Laptop]
C -->|Two| E[iPhone]
C -->|Three| F[fa:fa-car Car]
{% endmermaid %}
{% endnote %}

见 mermaid-js/mermaid#1846

[jasonren0403]

mermaidjs确实满蛋疼的

[stevenjoezhang]

Mermaid 应该是要根据父容器的大小响应式调节，所以父容器不可见时会有问题。mermaid-cli 就依赖于 puppeteer。
MathJax 就做的比较好，渲染只根据字体大小来，甚至可以在 Node.js 环境完成