Syntax error in text appears under the body tag.

[xiaozzzi]

Description

I'm not sure if this is a bug, Syntax error in text appears under the body tag.

Steps to reproduce

Link to Live Editor:
https://mermaid.live/edit#pako:eNpdUMtqwzAQ_BWxZxnskpTiW4nJzaeeWnRZpE0qqoeRVocQ8u-VLRxK5zQ7u8ywcwcdDcEIVwzMKogKg0znmDyyEJ8V3Tx306RC22bSbGMQ7ztr8in6xRGTEYz5R_zBaGIguRlTHqR46YdD1w9d_yqf9O2_-ylZthrd5pbb7ly4JGr-Ngi9nzgb6Bm2qjXkaECCp_qENfW7--qggL_Jk4KxUkMXLI4VqPCop1g4ftyChpFTIQllWVuYLF4T-l1cMHzFWMcLulxnMpZjmluBW4-PX8wKaLI

gantt
    dateFormat  YYYY-MM-DD

    section A section
    Completed task            :done,    des1, 2014-01-06,2014-01-08

    section Critical tasks
    Future task in critical line        :crit1, 5d

In the last line of the above code, I use crit1 instead of crit

Screenshots

Code Sample

No response

Setup

• Mermaid version:
• Browser [edge 115.0.1901.200]

Suggested Solutions

No response

Additional Context

No response

[sidharthv96]

// packages/mermaid/src/mermaidAPI.ts

  // Draw the diagram with the renderer
  try {
    await diag.renderer.draw(text, id, version, diag);
  } catch (e) {
    errorRenderer.draw(text, id, version);
    throw e;
  }

That throw is the one we should remove/handle. As that prevents the Remove the temporary HTML element if appropriate section from running.

Depending on how it's handled, this might be a breaking change, so will have to go into next.

[sidharthv96]

Anyone having the same issue with their custom integration of mermaid can use the logic from mermaid-js/mermaid-live-editor#1288 to fix it.

[JatinSainiOO7]

can i work on this issue

[Rishikesh63]

i wants to work on it

[shobrook]

Has any progress been made here? Is there a way to stop that "Syntax error in text" message from showing up?

[aakashsharma7]

@xiaozzzi can i work on it?