Incorrect rendering due to wrong script sequence in HTML file

[elac-safran]

Mermaid diagram is not rendered; the produced HTML document shows the mermaid code in raw text.

After investigation, it appears the error comes from a bad ordering of the script directive in the HTML file, caused by a side-effect when sphinxcontrib.mermaid is used with other sphinx extensions.
In my case (from conf.py file):

extensions = [
    "nbsphinx",
    "sphinx_mdinclude",
    "sphinx_copybutton",
    "sphinx.ext.autosummary",
    "sphinx.ext.mathjax",
    "sphinx.ext.napoleon",
    "sphinx.ext.viewcode",
    "mermaid",
]

I join two versions of a minimal example, where the relevant script directives have been swapped (one OK, the other buggy).
example.zip

By fiddling around with the code, I found that lowering priority (from 500 to 100, say) did the job, in:

sphinxcontrib-mermaid/sphinxcontrib/mermaid.py

Lines 509 to 510 in 6f8de39

	app.add_config_value("mermaid_js_priority", 500, "html")
	app.add_config_value("mermaid_init_js_priority", 500, "html")

However, this is not a satisfying solution. As it turns out, the solution proposed in #76 works perfectly, and is much more robust.

[KenwoodFox]

I had this same issue! Reordering my plugins fixed it for me too, this is good to know! But an unfortunate bug.

[quentin-ag]

I am facing the same issue. @KenwoodFox you say that re-ordering plugins fixed it for you. Do you mean changing the position of "sphinxcontrib.mermaid" in the extensions list in conf.py? If so, how did you change the order to fix this issue?

[acbart]

What a strange issue. I had the same issue, I needed to move mermaid to the top of the list:

extensions = ['sphinxcontrib.mermaid',
              'sphinx.ext.autodoc',
              'sphinx.ext.githubpages',
              'sphinxjp.themes.basicstrap',
              'sphinxcontrib.fulltoc',
              'sphinx_tabs.tabs',
]