demo tour - jsxgraph is not rendered #68

Activity

1. adibhanna commented on Jun 10, 2026

   

   adibhanna

   on Jun 10, 2026

   Contributor

   More actions

   Thanks for the report — reproduced and fixed.

   Cause: the preview renders a note into a detached buffer and only swaps it into the page afterward. JSXGraph's initBoard() looks up its container with document.getElementById against the live document (and sizes the board from the laid-out element), so on the detached buffer it couldn't find zen-jxg-… and failed. Mermaid and function-plot use different mechanisms, which is why only JSXGraph broke.

   Fix: the preview now attaches the rendered note to the live DOM before running the diagram renderers, so JSXGraph boards mount correctly. Verified against the demo tour's 05b — Math Diagrams note (the three JSXGraph figures render and are draggable). The PDF export uses the same preview, so it's covered too.

   Fixed in #88 — it'll ship in the next release (v2.2.0). 🙏

   👍React with 👍1Reacted by cerrsys
2. adibhanna

   closed this as completedon Jun 10, 2026
3. adibhanna

   added a commit that references this issue on Jun 10, 2026

   fix(preview): render diagrams after attaching to the live DOM (#68) (#88

   ...

   f53cb2c