Bug reportNov 6, 2026· 0:34· 13 views
Mermaid Live Editor (mermaid.ai): Full Screen button links to /view instead of /live/view
0:34 total
Comments · 0
Be the first to comment.
Bug reportby SceneRecap AI
mediumLive Editor diagram panel toolbar: the href construction for the Full Screen (view-only) link. It is missing the /live base path.
os: macOSdpr: 1site: mermaid.ailocale: en-USbrowser: Chromium 151.0.7922.34timezone: Europe/Berlinviewport: 1280x720start_url: /live/editapp_version_shown: v11.14.0
Repro steps
- 1.Open the Mermaid Live Editor at mermaid.ai/live/edit with the default flowchart sample loaded.
- 2.Inspect or hover the Full Screen button at the top right of the diagram panel.
- 3.Follow the Full Screen button URL.
Expected
The Full Screen button should open the diagram in view-only mode at /live/view#pako:... and render the flowchart. This is the behavior seen when /live/view is loaded directly.
Actual
The Full Screen button href is /view#pako:... and has no /live/ prefix. Following it requests /view, which returns 404. The page shows 'Oops, are you lost? The page you are looking for doesn't exist' under the marketing site title 'Mermaid - Create complex, visual diagrams with text.'
Evidence
consoleWarning: Full Screen href is "/view#pako:eNpVjc1ugzAQhF_F2lMr...". The /live/ prefix is missing. Expected "/live/view#pako:...".
visualAn overlay compares the Full Screen button href. The bug value is mermaid.ai/view#pako:eNpVjclugzAQhF..., the fix value is mermaid.ai/live/view#pako:eNpVjclugzAQhF...
networkGET /view returned 404.
consoleError: n: Not found: /view at Z (https://mermaid.ai/_app/immutable/chunks/DRt1aaRE.js:2:11479)
networkGET /view/__data.json returned 404.
visualA 404 page shows 'Oops, are you lost?' and 'The page you are looking for doesn't exist' with Dashboard, Homepage and Contact us links.
consoleWarning: the mermaid.ai/view#... title is "Mermaid - Create complex, visual diagrams with text." This is the marketing homepage, not a view-only diagram.
visualControl case working: navigating to /live/view at 24.4s renders the full flowchart (Christmas, Go shopping, Let me think, Laptop, iPhone, Car) in view-only mode.
consoleControl case: the mermaid.ai/live/view#... title is "Online FlowChart & Diagrams Editor - Mermaid Live Editor". The console marks it CORRECT.
Issue markdown (copy-paste ready)
## Summary The Full Screen button in the Mermaid Live Editor links to `/view#pako:...` instead of `/live/view#pako:...`. Following it leads to a 404 page on the marketing site instead of a view-only diagram. ## Environment - Browser: Chromium 151.0.7922.34 - OS: macOS - Viewport: 1280x720, DPR 1 - Locale: en-US, Timezone: Europe/Berlin - Start URL: mermaid.ai/live/edit - Editor version shown: v11.14.0 ## Steps to reproduce 1. Open mermaid.ai/live/edit with the default flowchart sample (0s). 2. Hover or inspect the Full Screen button at the top right of the diagram panel (7s). 3. Follow the Full Screen button URL (11s). ## Expected The diagram opens in view-only mode at `/live/view#pako:...` and renders. ## Actual The href is `/view#pako:...` and is missing the `/live/` prefix. `GET /view` returns 404. The page shows "Oops, are you lost? The page you are looking for doesn't exist" with the marketing title "Mermaid - Create complex, visual diagrams with text." ## Evidence - 7.9s console warn: Full Screen href is `/view#pako:...`, missing /live/ prefix. Expected `/live/view#pako:...`. - 9.0s visual: overlay compares bug `mermaid.ai/view#pako:...` with fix `mermaid.ai/live/view#pako:...`. - 11.4s network: `GET /view` returned 404. - 11.7s console error: `n: Not found: /view` at DRt1aaRE.js:2:11479. - 12.5s network: `GET /view/__data.json` returned 404. - 13.0s visual: 404 page "Oops, are you lost?". - 14.1s console warn: /view title is the marketing homepage, not a view-only diagram. ## Control (works) - 24.4s: navigating directly to `/live/view#pako:...`. - 26.5s console: marked CORRECT, title "Online FlowChart & Diagrams Editor - Mermaid Live Editor". - 27.0s visual: full flowchart renders in view-only mode. ## Suggested area The href generation for the Full Screen link in the Live Editor diagram panel toolbar. It should include the `/live` base path. *Recorded with SceneRecap.*
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →