Strange rendering in Microsoft Edge

Created by: sigeryang

Issue Summary

Strange rendering behaviour on Microsoft Edge

User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.102 Safari/537.36 Edge/18.18363

Here's a comparison of Microsoft Edge and Google Chrome:

• Edge
• Chrome

Steps to Reproduce:

You can visit the following link to reproduce: https://yscale.cf/2020/04/22/hello-world.html

Technical details:

• MathJax Version: 3.0.5 (CDN: https://cdn.bootcdn.net/ajax/libs/mathjax/3.0.5/es5/tex-mml-chtml.js)
• MathJax Config

window.MathJax = {
    tex: {
        inlineMath: [['$','$'], ['\\(','\\)']],
        macros: {
            abs: ['{\\left|{#1}\\right|}', 1]
        },
        autoload: {
            color: [],
            colorV2: ['color']
        },
        packages: {'[+]': ['noerrors']}
    },
    options: {
        renderActions: {
            addMenu: [],
            checkLoading: [],
            findScript: [10, function (doc) {
                for (const node of document.querySelectorAll('script[type^="math/tex"]')) {
                const display = !!node.type.match(/; *mode=display/);
                const math = new doc.options.MathItem(node.textContent, doc.inputJax[0], display);
                const text = document.createTextNode('');
                node.parentNode.replaceChild(text, node);
                math.start = {node: text, delim: '', n: 0};
                math.end = {node: text, delim: '', n: 0};
                doc.math.push(math);
                }
            }, '']
        },
        ignoreHtmlClass: 'tex2jax_ignore',
        processHtmlClass: 'tex2jax_process'
    },
    loader: {
        load: ['input/asciimath', '[tex]/noerrors']
    }
};

• Client OS: Windows