Editor does not start in Firefox

[strowk]

Describe the bug
Opening "https://mermaid.live/edit" in Firefox shows blank page.

To Reproduce

Steps to reproduce the behavior:

1. Open firefox browser
2. Go to "https://mermaid.live/edit"
3. Shows blank page and error in console

Expected behavior
Editor rendered.

Screenshots

Desktop (please complete the following information):

• OS: Ubuntu 24.04
• Browser: Firefox
• Version: 144.0.2

[Adam-Antios]

Same here. It does not start for months.

[davidjayb]

Running this locally, either via pnpm or in a Docker container, doesn't reproduce this issue in Firefox. I suspect this may be related to analytics as this seems to be the only difference between the local and deployed versions. I cannot reproduce it when trying to include analytics values, perhaps this a localhost exception or I would need to run a local instance of Plausible. The plausible-tracker dependency which is included in the project has been deprecated. Perhaps updating to the latest version will fix the issue?

https://github.com/plausible/plausible-tracker
https://www.npmjs.com/package/@plausible-analytics/tracker

Another exception I ran into at https://mermaid.live/edit references 'self-hosted' which led me to the comments about self hosted Plausible analytics.

Uncaught (in promise) Error: https://svelte.dev/e/props_invalid_value
    Immutable 128
Bl364aog.js:1:1862
    Un Immutable
    AsyncFunctionThrow self-hosted:784
    (Async: async)
    <anonymous> https://mermaid.live/edit:42
    (Async: promise callback)
    <anonymous> https://mermaid.live/edit:41

I tried disabling tracking protection in Firefox and also loading without any extensions enabled -- neither fixed the issue.

In any case, if you want a workaround in the meantime check out the code and run the docker container.

[wj3171868]

Ran into this issue. Chrome also throws an error

"Fetch event handler is recognized as no-op. No-op fetch handler may bring overhead during navigation. Consider removing the handler if possible"

Firefox is "Uncaught (in promise) Error: https://svelte.dev/e/props_invalid_value"

This was running the latest docker container locally. Not entirely certain how to troubleshoot further.

Found the issue. Something got cached somewhere.