MathJax and CSS3 multicolumn layouts

[vold...@gmail.com]

Is there anything special I should need to do to get MathJax to work in multicolumn layouts that have fixed height?  I am seeing that it's not working very well in Google Chrome or Safari (on desktop or ipad).  The only browser that seems to do it right is Firefox.

Here is a sample page:  http://chrisbaloney.com/mathjax/sample-multicolumn.html.  One twist with this sample is that it uses a fixed height.  I've noticed that normal multicolumn (without a fixed height) works much better than this.  

On Chrome, Maxwell's equations disappear.  On Safari, every equation that's not in the first column is messed up.

Thanks for any help you can give me!

Chris Maloney

[Dr. Dayal D. Purohit]

The Maxwell math is not enclosed in a pair of $ , so MathJax is not rendering.

d^3p

[Davide P. Cervone]

The -webkit-column-count CSS attribute has been buggy in the past (see https://github.com/mathjax/MathJax/issues/45 for example).  The test case that I had for it was resolved in one of the WebKit upgrades, but it looks like it is still buggy.  Both Safari and Chrome are based on WebKit, which is why are seeing the problem there.

I will look into it, but I suspect there is not much that MathJax can do about it.  I was not able to find a work-around for the issue in the tracker item above, so I doubt I can find one for the current incarnation of the problem.  But I'll check into it.

Davide

[Davide P. Cervone]

PS, In the meantime, you might try the SVG output rather than HTML-CSS output.

Davide

On Aug 3, 2012, at 11:35 AM, <vold...@gmail.com> wrote:

[Chris Maloney]

Yes, it's working with SVG.  Thanks!

[Davide P. Cervone]

Great. Glad we could get something that would work for you for now.

Davide