Skip to content
GitLab
Closed
Issue created by Administrator@rootContributor

Inline MathJax is misaligned with surrounding text on Safari in OS X Yosemite

Created by: mattrajca

I am working with the following file and using MathJax 2.4:

<!DOCTYPE html>
<html>
<head>
    <script type="text/x-mathjax-config">
        MathJax.Hub.Config({showProcessingMessages: false,
                           showMathMenu: false,
                           messageStyle: "none",
                           tex2jax: { inlineMath: [['$$','$$']], displayMath: [] },
                           TeX: {}});
    </script>
    <script type="text/javascript" src="mathjax/MathJax.js?config=TeX-AMS_HTML"></script>
</head>

<body>
<p>By definition $$ corr(\{x,y\}) = mean(\{\hat{x}\hat{y}\}) = \frac{\sum_{i}^{} \hat{x}_i \hat{y}_i}{N} $$<br/>
Similarly, $$ corr(\{y,x\}) = mean(\{\hat{y}\hat{x}\}) = \frac{\sum_{i}^{} \hat{y}_i \hat{x}_i}{N} $$<br/>
Since multiplication is commutative $$ \hat{x}_i \hat{y}_i = \hat{y}_i \hat{x}_i $$ and the equations above are equivalent<br/>
We have shown that $$ corr(\{x,y\}) = corr(\{y,x\}) $$</p>
</body>
</html>

On Safari in Yosemite, most of the inline math is misaligned with surrounding text:

screen shot 2014-10-12 at 2 16 34 pm

This is not a problem when displaying the same file in Chrome.