\xrightarrow does not render properly

Created by: DerivedSkill

Issue Summary

I've tried this link to view a latex equation. Which does not rendered properly, it renders like this but it should render like this. Here mathJax 2.7.1 can render the latex perfectly.

I've also tried using MathJax version 3 by using below cdn, same things also happen there.

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>

The latex was: A{\buildrel{4F}\over{ \xrightarrow[\ \ \ \ \ \ \ \ \ \ \ \ ]{}}}B

Steps to Reproduce:

1. Use above mentioned CDN.
2. Render above mentioned latex.

Technical details:

• MathJax Version: 3, 2.7.1
• Client OS: Windows 10
• Browser: Firefox, Chrome, Microsoft Edge

MathJax Configuration:

MathJax = { chtml: { mtextInheritFont: true, } };

<script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script>