Bug 48105 – mathml in html sometimes incorrectly parsed

• Status: RESOLVED
• Resolution: FIXED
• Component: DOM

[Sean Hogan]

1. visit https://eyeasme.com/Joe/MathML/HTML5_MathML_browser_test.html - there are several rendering errors
2. Look at Webkit's rendering of the Quadratic Formula - the denominator of the fraction is inline with the equation.
3. right-click on Webkit's rendering and then Inspect Element
4. the DOM for the Quadratic Formula (the output of Webkit's mathml parser) doesn't match the markup in the page
(though it does seem to match what gets rendered).

I've observed this in Webkit nightlies and the latest Chrome release (Vista and OS-X).
This effects MathJax which can over-ride the mathml rendering, but relies on the parser being correct.

[David Carlisle]

Created attachment 72600 [details]
html5 test file with badly parsed mathml

[David Carlisle]

I also see this in webkit nightlies (affecting native mathml rendering) and chrome 7 affecting generated DOM, thus further processing.

I attach a smaller test case, nested mrows apparently being the main culprit.

The first div in the attached file has

<math>
<mrow>
<mrow><mn>1</mn></mrow>
<mi>a</mi>
</mrow>
</math>

but the innerHTML of that div, as inserted into the second, is


<math> <mrow> <mrow><mn>1</mn></mrow></mrow> <mi>a</mi> </math>

and the <mi>a</mi> has moved out of its correct location in the tree.

[Eric Seidel (no email)]

I don't see a single <mrow> in the attached example.  Can you be more clear as to what is wrong with the DOM in webkit in the attached example?

[David Carlisle]

(In reply to comment #3)
> I don't see a single <mrow> in the attached example.  Can you be more clear as to what is wrong with the DOM in webkit in the attached example?

??? the full mathml expression (and the incorrect parse tree produced) is shown in comment #2. the attached example just wraps that in a complete html5 document for ease of testing.

there are two mrows one inside the other but the parser apparently terminates both mrows when the inner one ends, this is not related to  the mrow element, it appears that you get the same effect with any nested elements in foreign content (ie within math or svg)



David

[David Carlisle]

Created attachment 72726 [details]
file showing problem descibed in comment #2

sorry! wrong file attached previously this s file intended in comment #2 and #4

[James Simonsen]

Created attachment 72732 [details]
Patch

[Adam Barth]

Comment on attachment 72732 [details]
Patch

Thanks.

[David Carlisle]

(In reply to comment #7)
> (From update of attachment 72732 [details])
> Thanks.


thanks

[WebKit Commit Bot]

Comment on attachment 72732 [details]
Patch

Clearing flags on attachment: 72732

Committed r71209: <http://trac.webkit.org/changeset/71209>

[WebKit Commit Bot]

All reviewed patches have been landed.  Closing bug.