iOS Text has messed up baseline

Created by: heinrich26

Issue Summary

on iOS, writing multiple letters/words will show that they don't share a baseline.

Steps to Reproduce:

1. use an iOS/iPad OS browser
2. write a formula containing multiple letters/words (seen best when using \text{})
3. Observe misalignment

I checked this on Windows, but this issue isn't observable there.

Technical details:

• MathJax Version: 3.2
• Client OS: iPadOS 16.1.1
• Browser: Chrome 108.0.5359.52

I tested this in the JsBin example, loading MathJax via

<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

Supporting information:

• Example html:

<p>
When \(a \ne 0\), there are two solutions to \(\text{this will be badly formatted}\) and they are
\[x = {-b \pm \sqrt{b^2-4ac} \over 2a}.\]
</p>

• Don't know if this will stay, but here's a JSBin link
• Screenshot of the bug: