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$:
(Observed with Safari and Chrome on OS X, Firefox on Windows.)
$\begingroup$
$\endgroup$
12
-
1$\begingroup$ Same for me, with TenFourFox (Firefox fork) on OS X. $\endgroup$– ccornApr 22, 2016 at 22:18
-
4$\begingroup$ Related issue on Japanese.SE meta: meta.japanese.stackexchange.com/questions/1556/… $\endgroup$– user75062Apr 22, 2016 at 23:08
-
1$\begingroup$ @snailboat: And solution #1 from meta.japanese.stackexchange.com/a/1557 works here as well. $\endgroup$– Martin RApr 23, 2016 at 6:54
-
$\begingroup$ Same here, Chrome and Safari on OSX. $\endgroup$– Gabriel RomonApr 23, 2016 at 12:32
-
$\begingroup$ Does it always happen, or only when you "show more comments" before the page is fully loaded? $\endgroup$– Asaf Karagila ModApr 24, 2016 at 4:30
-
$\begingroup$ @AsafKaragila: Always. (Actually there is no "show more comments" on the page that I gave as an example). $\endgroup$– Martin RApr 24, 2016 at 10:42
-
$\begingroup$ Same here (Chrome on Ubuntu 14). $\endgroup$– AccidentalFourierTransformApr 24, 2016 at 12:17
-
$\begingroup$ Opera is in the race too. $\endgroup$– user142971Apr 24, 2016 at 16:38
-
$\begingroup$ But Internet Explorer seems to be working well, damn :( $\endgroup$– user142971Apr 24, 2016 at 16:45
-
$\begingroup$ Chrome on Windows here, broken as well. $\endgroup$– WojowuApr 24, 2016 at 20:16
-
$\begingroup$ This is the same issue reported here. $\endgroup$– Davide CervoneApr 24, 2016 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, 2016 at 6:04
Add a comment
|
1 Answer
$\begingroup$
$\endgroup$
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).
