Wrapping with `\text{}` creates strange overlapped output with `tex-svg-full`

Created by: zmoon

Issue Summary

Wrapping with \text{} creates strange overlapped output with tex-svg-full but not tex-svg.

Example:

\text{
This is an equation: $y = m\,x + b$; another: $e^{i \pi} = -1$. These are literal dollar signs: \$\$
}

With tex-svg-full (see full code below):

With tex-svg:

Technical details:

MathJax Version: 3.0.5 (MathJax.version in console) but 3.1.0 in the "About MathJax" right-click menu
Client OS: Windows 10
Browser: Firefox 80.0

Supporting information:

code

<!DOCTYPE html>
<html>
<head>
<title>MathJax TeX Test Page</title>
<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script type="text/javascript" id="MathJax-script" async
  src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg-full.js">
</script>
</head>
<body>

$$
\text{
This is an equation: $y = m\,x + b$; another: $e^{i \pi} = -1$. These are literal dollar signs: \$\$
}
$$

</body>
</html>