I'm trying to write up some math notes for my students, and I'm encountering an issue where a Mermaid diagram isn't rendering correctly if it's in a secondary tab (i.e. if the tab containing it is not visible when the page loads).

I've got a minimal working example here, along with the initial sphinx (er, Jupyterbook) code for it.

I tried comparing the html for the correct render against the flawed one, and I see that the flawed render has several heights/widths set to zero. Maybe that could help with the diagnosis, but I don't know enough about either sphinx or this project to make further progress.

Thanks for reading (and for this project!), and let me know if you've got any ideas for solutions I could try!