vscode-drawio Mathematical Typesetting Exporting Issue

When the "Mathematical Typesetting" is enabled, the exported images (both .svg and .png) are not correctly formatted. All the texts are shown in plain text (like "$$f(x)$$") but not the stylized way.

Nov 12 '20 04:11 xz348

This is the explanation for this:

You create/update a math-formatted text in Draw.io.
Draw.io only renders the plain text for now.
Immediately after that, the Draw.io webview sends the current diagram source to VS Code
VS Code keeps that diagram source in an internal buffer
Some time after that, Draw.io renders the text as math-formula.
If you press save, the internal buffer that still has the plain-text rendering is persisted to disk.

Result: VS Code only persists a diagram where the created/updated text is not rendered yet as plain text.

If you change something unrelated to the math-formatted text in the diagram, the Draw.io webview will send the current diagram source to VS Code again - this time however, with the formatted text.

Result: The text in the persisted diagram is rendered as math formula.

This seems like a bug in Draw.io when used in embed-mode. I hope this workaround helps.

I'm unsure how to fix this. The Draw.io export command should wait until all images are rendered.

Nov 12 '20 11:11 hediet

Hello! I am also experiencing this!
I didn't understand the workaround though? I changed something unrelated to the formulas and the exported file is still broken.
BTW this extension is awesome, thank you :)

Dec 28 '20 18:12 hedwigz

The workaround is: Change something unrelated in your diagram (like add a node and then remove it). Then save.

Jul 12 '21 16:07 hediet

@hediet Sorry for my ignorance. What's the meaning of a node? After writing some latex math code, i.e. $$ something$$, I add some elements, e.g. a circle, then save the file, and export to .png or .svg file. I still cannot get the right math output.