Chrome rendering MathJax equations with a trailing vertical line

Question

I am working through Andrew Ng's machine learning course on Coursera using the Octave kernel for Jupyter and of course MathJax provides the equation rendering. This thin bar appears on the right side of every equation, and only in Chrome. Any thoughts on where in the stack things might be going wrong?

Answer 1

This is a known issue caused by Chrome changing its rounding behavior. It will be fixed in the next release. See https://github.com/mathjax/MathJax/issues/1300

Answer 2

A quick and dirty method is right click one of them and select another renderer in Math Setting -> Math Renderer

Another method is create a bookmark of this link: javascript:$('.math>span').css("border-left-color","transparent") and click it in pages that use mathjax.

Answer 3

If your MathJax is not the latest version, you can add this to the css style:

.MathJax nobr>span.math>span{border-left-width:0 !important};

then this problem can be solved.