Wrong pagination with MathJax svg images

[depth42]

Describe the bug
When I use MathJax 3 to synchronously turn math markup into svg images, Vivliostyle does not paginate correctly.

To Reproduce
Paginate the attached file scriptbug.html with Vivliostyle

Expected behavior
The text content should not leak into the bottom page margin. (See red mark in attached screenshot)

Desktop (please complete the following information):

• OS: macOS 14.3
• Browser Safari 17.3

scriptbug.html.zip

I am not sure how to trigger the Mathjax image replacement so that Vivliostyle pageinates correctly.

[depth42]

I now managed to work around this problem by wrapping the math expressions in a element and by adding a separate <script> element into that span which explicitly instructs MathJax to render this element.

[MurakamiShinyu]

Wrong pagination with MathJax 3 is a known issue, as I commented in the former issue #813:

• Support MathJax3  #813 (comment)

Please note that Vivliostyle.js still has built-in MathJax 2 support (see FAQ: How to embed math formulas (MathML, TeX or AsciiMath)), and now can enable MathJax 3 specified in the document but that is far from perfect, as you see wrong page breaking/overflow problem in the test result.

[depth42]

Thank you. OK, then this is a duplicate. For now, I am fine with the workaround I've found.