mermaid rendering bug in MkDocs content tabs

[onford]

I just find a problem when rendering mermaid figures in MkDocs content tabs. When using !!python/name:mermaid2.fence_mermaid format for custom_fences, and try to put mermaid figures into different content tabs, the figures would have rendering bugs from the 2nd content tab.

For example, write these content into a markdown file:

=== "block1"
    ```mermaid
    graph TD
        A --> B
    ```
    ```mermaid
    graph TD
        A --> B
    ```
=== "block2"
    ```mermaid
    graph TD
        A --> B
    ```
    ```mermaid
    graph TD
        A --> B
    ```
=== "block3"
    ```mermaid
    graph TD
        A --> B
    ```
    ```mermaid
    graph TD
        A --> B
    ```

This put a figure twice into the 3 content tabs respectivly, and this is the rendering result:

However, if I change the format of custom_fences to !!python/name:mermaid2.fence_mermaid_custom, or I simply give up using content tabs, this mermaid rendering would become normal. How could I solve this problem?

[fralau]

@onford Sorry for my delay in answering. These interactions have to do with the HTML/CSS produced, and require to re-examine the specific type of fence that was used in mermaid2, and why (see documentation).

I admit it is stretching my abilities. It might take a team of people with different skills to solve this challenge. It might be doable, but can we find the motivation to put the resources to do it?

Are you using the Material theme developed by @squidfunk? It should be pretty stable.