Any idea why my mermaid figures have small white boxes left left?

[jameshowison]

I'm loving using mermaid inside quarto (run from Rstudio on a Mac).

I'm teaching git stuff and making some collaboration diagrams, you can see them at:

https://howisonlab.github.io/open_source_software_course/skills/git_cherrypick_split_pr.html#split-before-submit

I'm seeing a small rounded corner square box in the bottom left of my images. Same thing with sequence diagrams, e.g.,:

https://howisonlab.github.io/open_source_software_course/skills/github_collaboration.html

These don't show up using mermaid.live so it's possible/likely it's something in the rendering pipeline that quarto is using (maybe Chrome as render?). I'm happy to take it over to them, but if anyone here has seen something similar that would be a great start.

Hmmm, it definitely isn't happening for quarto in their docs: https://quarto.org/docs/authoring/diagrams.html. So probably it's something to do with my install (obtained quarto via homebrew).

[jameshowison]

Followed up over at quarto and definitely seems to be a quarto issue (and seemingly resolved in the 1.3 pre-release).

quarto-dev/quarto-cli#4609