Collapsed admonitions does not display mermaid properly

Do not know if this problem is in this plugin or in admonitions. But collapsible admonitions (that are already closed) only shows a small rectangle.

!!! note "This Works
    ```mermaid
    graph TD
    A[Client] --> B[Load Balancer]
    ```

???+ note "This Also"
    ```mermaid
    graph TD
    A[Client] --> B[Load Balancer]
    ```

??? note "But not this"
    ```mermaid
    graph TD
    A[Client] --> B[Load Balancer]
    ```

HTML output

I’m no expert in HTML, but I believe the main problem is the size. Output for the two last examples:

<svg id="mermaid-1597753460847" width="187.546875" xmlns="http://www.w3.org/2000/svg" height="181" viewBox="0 0 187.546875 181">

<svg id="mermaid-1597753460911" width="16" xmlns="http://www.w3.org/2000/svg" height="16" viewBox="-8 -8 16 16">

PS: Tried this with the original plugin and it didn’t work.

[fralau]

@AndersSteenNilsen To make it clear, the collapsed “admonition” now works correctly with the diagram, providing one follows the instructions.

[facelessuser]

Notice the last screenshot, it can accept configs just like before. It’ll call initialize on those configs. In the example above it default is the config. So we set the forest theme on that page. Default relates to schemes, so it is the config for the default scheme. For most people, that would be what they define, it’s mainly done this way so I can toggle light and dark mode at some point.