Hello,
If one sets the preference to "MathML with SVG or PNG fallback" and on has a formula in a <div> with display: table-cell then the last word will be displayed in a new line (even if there is enough horizontal space for displaying the last word in the previous line).
Steps to reproduce the bug
- Go to https://test2.wikipedia.org/wiki/Main_Page
- Make sure, you are logged in and select in your preferences "MathML with SVG or PNG fallback" for formula rendering (tab "Appearance")
- Go to a random page: https://test2.wikipedia.org/wiki/Special:Random
- Save the following code:
<div style="display:table-cell;">The formula: <math>\lim_{n\rightarrow\infty} q^n = 0</math>. Some sentence.</div>
Actual result: The word "sentence." will be on the next line as there is a line break before it. Screenshot:
Expected result: The whole paragraph is on one line (if the horizontal space in the browser window is wide enough).
Browser: Firefox 33.0 on Ubuntu 14.04
Notes: The bug does not appear with the settings "PNG images" and "Client-side MathJax" for math rendering.
Workaround:
The Bug disappears if one changes
.mwe-math-mathml-inline { display: inline !important; }
to
.mwe-math-mathml-inline { display: inline-block !important; }
Necessity of a bugfix: At the German Wikibooks I write a book called "Mathe für Nicht-Freaks". Here we use <div>-tags with display:table and display: table-cell for our boxes with icons. We do not use floated divs because of this issue. So above bug occurs in each box with an inline formula.