When a URL link highlight targets a part of the Mermaid chart, a syntax error is displayed for some browser.

[genego-io]

• Sphinx Version: 7.2.6
• sphinxcontrib-mermaid Version: 0.8.1

This issue seems to happen in the latest version of Edge and Chrome browsers.

For example, there is documentation at https://doc.example.com which runs through Sphinx with sphinxcontrib-mermaid. When we visit a documentation page https://doc.example.com/index.html where there is a Mermaid diagram, no issues display. However, when we use the search function in Sphinx, and navigate to a resulting page, for example: https://doc.example.com/index.html?highlight=foo, and the Mermaid chart also has foo in the Chart itself, the chart breaks.

Giving some better examples:

https://help.konfuzio.com/tutorials/advanced-document-extraction/index.html?highlight=vat+code

Which will correctly display the mermaid chart in Firefox. But when viewing in Edge or Chrome, we get the following: