複数のMermaidグラフを挿入すると描画が崩れる #9618
Description
Environment
Host
| item | version |
|---|---|
| OS | Rocky8 |
| GROWI | 7.0.23 |
| node.js | 20.18.0 |
| npm | 10.8.2 |
| yarn | 1.22.22 |
| Using Docker | yes |
| Using growi-docker-compose | yes |
Client
| item | version |
|---|---|
| OS | Windows11 |
| browser | Chrome132 |
How to reproduce? (再現手順)
- Markdown中に複数のMermaidコードブロックを挿入
What happens? (症状)
- 一部のMermaidブロックのグラフ挿入先が正しくない
- 別のMermaidブロック中に複数のグラフが重なって挿入される現象が起きる
- 移動先は完全にランダム(症状が起きない場合もある)
What is the expected result? (期待される動作)
- Mermaidブロックを書いた場所にグラフが挿入される
Note
- 症状から推測する限り、非同期でのMermaidレンダリング時に正しくクロージャーができておらず、Race conditionが発生した際に異なる場所に挿入されるように見える