Join GitHub today
GitHub is home to over 36 million developers working together to host and review code, manage projects, and build software together.Sign up
MathJax zoom overflows its box for long equations #423
I'm not able to reproduce your output. I get the expected scroll bars with the text properly restricted to the zoom box, which scrolls to reveal the material to the right. So that is as I would expect it to work. The only issue I have is that the left-hand side is shifted as in your image, so that is a problem.
I tested with Chrome on Windows 7 and Firefox on Windows 7 and Windows XP. Same results in both places. Note sure why you are seeing the text slip out of the zoom box. Do you have any extensions or custom CSS stylesheets that could be affecting that?
Just tested this on an XP VM. Firefox seems to render within the zoom box, but Chrome still extends beyond the box with this example.
I'm not loading any additional css styles. The image fonts have been disabled, if that matters.
25.0.1364.172 m. Just updated to 26.0.1410.43 m, where the problem still exists.
The result iframe in the jfiddle is 700 pixels wide.
<span id="MathJax_ZoomOverlay" style="left: -401px; top: -56px; height: 638px; width: 967px;"></span> <span id="MathJax_Zoom" style="font-size: 200%; max-width: 595px; max-height: 528px; overflow: visible; left: -391px; top: -46px;">....SNIP....</span>
There is clearly a difference between the width of the overlay and the zoom box. overflow is also being set to visible. If I manually tweak that to scroll, at least the content stays within the zoom box.
The overlay is a transparent background that is used to trap click events and close the zoom box, so its width and height should be that of the window (or iframe in this case). It should not match the zoom box itself.
Clearly the issue is the
I'll keep looking into it. I suppose for now you could add
to override the