16
$\begingroup$

The MathJax/LaTeX rendering seems to be broken for question titles in the "Related" section. Example from Show that 1 + $\lambda$ is an eigenvalue of $I + A$:

enter image description here

(Observed with Safari and Chrome on OS X, Firefox on Windows.)

$\endgroup$
  • 1
    $\begingroup$ Same for me, with TenFourFox (Firefox fork) on OS X. $\endgroup$ – ccorn Apr 22 '16 at 22:18
  • 4
    $\begingroup$ Related issue on Japanese.SE meta: meta.japanese.stackexchange.com/questions/1556/… $\endgroup$ – snailboat Apr 22 '16 at 23:08
  • 1
    $\begingroup$ @snailboat: And solution #1 from meta.japanese.stackexchange.com/a/1557 works here as well. $\endgroup$ – Martin R Apr 23 '16 at 6:54
  • $\begingroup$ Same here, Chrome and Safari on OSX. $\endgroup$ – Gabriel Romon Apr 23 '16 at 12:32
  • $\begingroup$ Does it always happen, or only when you "show more comments" before the page is fully loaded? $\endgroup$ – Asaf Karagila Apr 24 '16 at 4:30
  • $\begingroup$ @AsafKaragila: Always. (Actually there is no "show more comments" on the page that I gave as an example). $\endgroup$ – Martin R Apr 24 '16 at 10:42
  • $\begingroup$ Same here (Chrome on Ubuntu 14). $\endgroup$ – AccidentalFourierTransform Apr 24 '16 at 12:17
  • $\begingroup$ Opera is in the race too. $\endgroup$ – user142971 Apr 24 '16 at 16:38
  • $\begingroup$ But Internet Explorer seems to be working well, damn :( $\endgroup$ – user142971 Apr 24 '16 at 16:45
  • $\begingroup$ Chrome on Windows here, broken as well. $\endgroup$ – Wojowu Apr 24 '16 at 20:16
  • $\begingroup$ This is the same issue reported here. $\endgroup$ – Davide Cervone Apr 24 '16 at 23:29
  • $\begingroup$ Thanks for reporting guys and sorry for breaking this.. Fix is going to be live in < 24h $\endgroup$ – Paweł Apr 25 '16 at 6:04
7
$\begingroup$

The issue appears to be that the page's CSS causes the links in the sidebar to be display: flex, and that changes how the children are treated. The content is no longer a paragraph-like structure that wraps normally. Instead, it is a series of boxes that align left to right. That means that the text before a math item is one box, the math is another, and the text that follows is a third. By default, these must appear all on one line, so the initial text is wrapped, as is the final text, and the math is smashed in between. Since these three boxes don't fit in the allowed horizontal space, the three boxes overlap, as in your diagram.

I'm not sure when the change to the CSS occurred, nor what the purpose of it is. It seems that it might simply be to allow the question title to be centered relative to the score on to its left.

I suspect that a fix would be to put the contents of the <a> element into a <span> so that there is only one child of the flex container (whose content will wrap normally).

$\endgroup$

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .