Invisible display starting in 3.2.1
Created by: NSoiffer
Issue Summary
This is about something that works in 3.2.0 (and 3.1) but broke in 3.2.1. The problem shows up in both the latest versions of Firefox and Chrome on Windows.
The problem is that MathJax displays properly the first time I render something but if I update the page (even with the same thing), the leaves/tokens in the MathML seem to have zero width. Lines used in division and square root seem to draw ok (sized to the zero width leaves).
I checked the mjx-container
contents in the inspector. Except for id
s that I add, the contents is the same both times. This makes me suspicious that the problem is not with MathJax but with my code, it works fine in 3.2.0 but not in 3.2.1. So maybe there is some (over) optimization in 3.2.1???
Steps to Reproduce:
- Open https://nsoiffer.github.io/MathCATDemo/
- Click on "Generate Speech and Braille" -- display is fine
- Click on "Generate Speech and Braille" and second time -- display is bad. Here is a screen shot:
There is a lot of debugging info in the console, but no error messages.
The source code code is in https://github.com/NSoiffer/MathCATDemo and the likely relevant file is index.html
. Maybe src/main.rs
might be relevant (it processes the events and does the update). It is a bit of a pain to build, so I mention the files in case you want to look to see the code. It makes use of yew, so lots of magic happens that isn't visible in the code.
Technical details:
- MathJax Version: 3.2.1
- Client OS: Windows 10
- Browser: Chrome Version 105.0.5195.127 (Official Build) (64-bit) and also Firefox
I am using the following MathJax configuration:
MathJax = {
loader: {load: ['input/tex', 'input/asciimath']},
options: {
enableMenu: false, // interferes with navigation
enableAssistiveMml: true,
}
};
and loading MathJax via
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/mml-chtml.js"></script>
Changing the @3
to @3.2.0
makes the page display properly. Changing it to @3.2.1
causes the failure.