Mermaid diagrams don't render inside closed Details elements #3559
Description
Contribution guidelines
- I've read the contribution guidelines and wholeheartedly agree
I've found a bug and checked that ...
- ... the problem doesn't occur with the
mkdocsorreadthedocsthemes - ... the problem persists when all overrides are removed, i.e.
custom_dir,extra_javascriptandextra_css - ... the documentation does not mention anything about my problem
- ... there are no open or closed issues that are related to my problem
Description
I've just noticed that my browsers based on Chromium no longer render a mermaid diagram that is residing inside a ??? note "" block. Diagrams outside of the block are rendered fine as seen in the official documentation.
Note: This problem doesn't seem to affect Firefox 96.
Expected behaviour
Diagrams should be rendered as normal regardless of being inside an admonition or details block.
Actual behaviour
Browsers throw an error inside the console:
Steps to reproduce
- Create an
*.mddocument that contains the following
??? note ""
``` mermaid
graph LR
A[Start] --> B{Error?};
B -->|Yes| C[Hmm...];
C --> D[Debug];
D --> B;
B ---->|No| E[Yay!];
```
- Build the document.
- Visit document with chromium-based browser.
Package versions
- Python:
3.9.2 - MkDocs:
1.2.3 - Material:
8.1.10+insiders.4.8.1
Configuration
site_name: My Docs
theme: material
markdown_extensions:
- pymdownx.superfences:
custom_fences:
- name: mermaid
class: mermaid
format: !!python/name:pymdownx.superfences.fence_code_formatSystem information
- Operating system: Debian 11, Windows 10
- Browser: Chrome 98, Edge 98