Closed
Description
See https://jsbin.com/cadobasoho/edit?html,js,console,output
Example HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>MathJax + mhchem example</title>
<script>
window.MathJax = {
tex: {
inlineMath: [['$', '$'], ['\\(', '\\)']],
packages: {'[+]': ['mhchem']}
},
loader: {load: ['[tex]/mhchem', 'ui/safe']},
};
</script>
<script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-svg-full.js"></script>
</head>
<body>
$\ce{<=>}$
</body>
</html>In the rendered result, the upper arrow is shorter than the bottom arrow.
But if I remove "ui/safe", it looks fine.
Metadata
Metadata
Assignees
Labels
No labels