Markmap does not work in SPA after navigation

[andynameistaken]

• Version: 2.3.0
• Screenshot before refresh:

[neatc0der]

I'm unable to reproduce the issue. Please provide more information:

• Browser (incl. version)
• Screenshot of browser console output before refresh
• Archive of your docs/ and site/ folders as well as mkdocs.yml file
• Output of python --version
• Output of pip freeze

[andynameistaken]

• Tested browsers:
  • Microsoft Edge: Version 105.0.1343.33
  • Firefox: 104.0.2
• Screenshot:
• Could I send you my docs and site via email or something? It has my personal notes.
• mkdocs.yml

  
  #  Project information
  site_name: 'Code Notes'
  site_description: 'Programming Notes'
  site_author: 'Andrzej Zahorski'

Repository

repo_name: ''

repo_url: ''

Copyright

copyright: 'Copyright © 2022 Andrzej Zahorski'

Plugins

Plugins

plugins:

• search

• markmap

• autolinks

• roamlinks

• mkdocs-jupyter:

  execute: True

  include_source: True

  theme: base-16-gruvbox-dark

  theme: slate

  include_source: True

• literate-nav: nav_file: repos/SUMMARY.md

• mermaid2: arguments:

  test if its __palette_1 (dark) or __palette_2 (light)

  # for mkdocs-material >=8.0.0
  theme: |
    ^(JSON.parse(__md_get("__palette").index == 1)) ? 'dark' : 'light'

  for mkdocs-material <8.0.0

  ^(JSON.parse(window.localStorage.getItem(prefix('palette'))).index == 1) ? 'dark' : 'light'

  - encryptcontent:

  global_password: 'test'

  remember_password: True

  decrypt_search: True

Extensions

markdown_extensions:

• footnotes

• pymdownx.highlight: linenums: true

• pymdownx.inlinehilite

• pymdownx.keys

• pymdownx.snippets

• admonition

• pymdownx.details

• attr_list

• pymdownx.critic

• pymdownx.caret

• pymdownx.mark

• pymdownx.tilde

• tables

  LaTeX

• pymdownx.arithmatex: generic: true

• pymdownx.superfences:

  make exceptions to highlighting of code:

  custom_fences:

  • name: mermaid class: mermaid format: !!python/name:mermaid2.fence_mermaid

• pymdownx.tabbed: alternate_style: true

  - attr_list

  - pymdownx.arithmatex

  - pymdownx.details

  - pymdownx.magiclink

  - pymdownx.tasklist:

  custom_checkbox: true

  - pymdownx.emoji:

  emoji_generator: !!python/name:pymdownx.emoji.to_svg

• toc: permalink: true

================================================

THEME

================================================

theme: name: material font:

text: Sarala

text: Montserrat

features:

• navigation.top
• search.suggest
• search.highlight
• search.share
• navigation.indexes
• navigation.instant

• navigation.tabs

  - navigation.tabs.sticky

  custom_dir: overrides

  language: 'en'

  logo: 'images/logo.png'

  favicon: 'images/logo.png'

  palette:

• media: "(prefers-color-scheme: light)" primary: deep purple scheme: default toggle: icon: material/weather-night name: Switch to dark mode
• media: "(prefers-color-scheme: dark)" scheme: slate accent: green

  primary: deep purple

  toggle: icon: material/weather-sunny name: Switch to light mode

extra_css:

• 'stylesheets/extra.css'

Customisation

extra: social:

• icon: fontawesome/brands/github link: https://github.com/andynameistaken generator: false

extra_javascript:

LaTeX support

• javascripts/mathjax.js
• https://polyfill.io/v3/polyfill.min.js?features=es6
• https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js

  Mermaid Graph

• extra/refresh_on_toggle_dark_light.js
• https://unpkg.com/mermaid/dist/mermaid.min.js

  sortable data tables

• https://cdnjs.cloudflare.com/ajax/libs/tablesort/5.2.1/tablesort.min.js
• javascripts/tablesort.js

- `Python 3.10.6`
- `pip freeze`:

anyio==3.6.1 appnope==0.1.3 argon2-cffi==21.3.0 argon2-cffi-bindings==21.2.0 asttokens==2.0.8 attrs==20.3.0 Babel==2.10.3 backcall==0.2.0 beautifulsoup4==4.11.1 bleach==5.0.1 certifi==2022.6.15 cffi==1.15.1 charset-normalizer==2.1.1 click==8.1.3 debugpy==1.6.3 decorator==5.1.1 defusedxml==0.7.1 EditorConfig==0.12.3 entrypoints==0.4 executing==1.0.0 fastjsonschema==2.16.1 ghp-import==2.1.0 idna==3.3 importlib-metadata==4.12.0 ipykernel==6.15.2 ipython==8.5.0 ipython-genutils==0.2.0 jedi==0.18.1 Jinja2==3.1.2 jsbeautifier==1.14.6 json5==0.9.10 jsonschema==4.15.0 jupyter-core==4.11.1 jupyter-server==1.18.1 jupyter_client==7.3.5 jupyterlab==3.4.6 jupyterlab-pygments==0.2.2 jupyterlab_server==2.15.1 jupytext==1.14.1 lxml==4.9.1 Markdown==3.3.7 markdown-it-py==2.1.0 MarkupSafe==2.1.1 matplotlib-inline==0.1.6 mdit-py-plugins==0.3.0 mdurl==0.1.2 mergedeep==1.3.4 mistune==0.8.4 mkdocs==1.3.1 mkdocs-autolinks-plugin==0.6.0 mkdocs-jupyter==0.21.0 mkdocs-literate-nav==0.4.1 mkdocs-markmap==2.3.0 mkdocs-material==8.4.3 mkdocs-material-extensions==1.0.3 mkdocs-mermaid2-plugin==0.6.0 mkdocs-roamlinks-plugin==0.2.0 nbclassic==0.4.3 nbclient==0.6.7 nbconvert==6.5.3 nbformat==5.4.0 nest-asyncio==1.5.5 notebook==6.4.12 notebook-shim==0.1.0 packaging==21.3 pandocfilters==1.5.0 parso==0.8.3 pexpect==4.8.0 pickleshare==0.7.5 prometheus-client==0.14.1 prompt-toolkit==3.0.31 psutil==5.9.2 ptyprocess==0.7.0 pure-eval==0.2.2 pycparser==2.21 Pygments==2.13.0 pymdown-extensions==9.5 pyparsing==3.0.9 pyrsistent==0.18.1 python-dateutil==2.8.2 pytz==2022.2.1 PyYAML==6.0 pyyaml_env_tag==0.1 pyzmq==23.2.1 requests==2.28.1 Send2Trash==1.8.0 six==1.16.0 sniffio==1.3.0 soupsieve==2.3.2.post1 stack-data==0.5.0 terminado==0.15.0 tinycss2==1.1.1 toml==0.10.2 tornado==6.2 traitlets==5.3.0 urllib3==1.26.12 watchdog==2.1.9 wcwidth==0.2.5 webencodings==0.5.1 websocket-client==1.4.1 zipp==3.8.1

[neatc0der]

I prefer minimalistic examples that reproduce the issue, but OK. Let's try it with your input.

Here's what I did:

$ vim requirements.txt  # insert your `pip freeze` output
$ vim mkdocs.yml  # insert your `mkdocs.yml` output except for "custom_dir: overrides"
$ conda create -n markmap-reload -c conda-forge python=3.10.6
$ conda activate markmap-reload
$ pip install -r requirements.txt
$ mkdocs build  # used minimalistic input with index.md that references a simple markmap

Then, I opened it up in Firefox 104.0.2 on macOS 12.6: everything works just fine... Still unable to reproduce.

My suggestion: Please provide a minimalistic example that reproduces the issue for you, e.g.: docs/index.md

Look at this beautiful mindmap:

```markmap
# Root

## Branch 1

## Branch 2

[libukai]

I apologize for the previous incorrect statement. What should really be turned off is the navigation.instant feature of the theme. This feature preloads pages to improve page load speed, but it affects the re-execution of JS files. Turning off this attribute allows for automatic refresh when navigating between pages.