Support for navigation.instant option of material theme

Hi,

with the navigation.instant option of the material theme enabled no diagrams are rendered, only after reloading a page.

The mathjax part of the documentation ( https://squidfunk.github.io/mkdocs-material/reference/mathjax/ ) actually contains a snippet which seems to be related:

document$.subscribe(() => {
  MathJax.typesetPromise()
})

Maybe something similar is possible for mermaid? The mermaid.initialize(...) snipped probably needs to be tweaked as well since only parts of a page re replaced with the instant navigation option.

[squidfunk]

Thanks for the mention. Material for MkDocs already supports Mermaid.js natively, together with instant loading, dark mode, custom fonts, and custom colors. I don’t see why a PR would be necessary. We already have a zero effort out-of-the-box solution in place.

[fralau]

@squidfunk : I agree: the “home baking” approach might be the best approach for this requirement, rather than an off-the-shelf package. Especially since we have your nicely prepared toolkit (Material). 🙂