I'm using MathML embedded in HTML to put mathematical expressions in an HTML document. I'm having difficulty with properly formatting mathematical expressions containing "Δx". The MathML expressions <math><mrow><mi mathvariant="normal">Δ</mi><mi>x</mi></mrow></math> and <math><mrow><mo>Δ</mo><mi>x</mi></mrow></math> each yield "Δ x" (i.e. with space between "Δ"…
The <math> element works as expected when written by hand, but doesn't render properly when created with js dynamically: let math = document.createElement('math'); math.setAttribute('display', 'block'); let mfrac = document.createElement('mfrac'); let ms1 = document.createElement('ms'); let ms2 = document.createElement('ms'); ms1.textContent = 'this';…
I am using better-react-mathjax ^2.0.2 (with MathJax 3.2.2) to render math expressions in a React based project. However, I am facing an issue where some expressions render differently on different browsers(Chrome, Firefox, Safari). PS: We are using MathML for rendering.…