700433 - MathML demo pages: inclusion of HTML fragments in MathML is not valid

Status: RESOLVED FIXED

(www.mozilla.org :: General, defect)

Description

[Frédéric Wang (:fredw)]

Follow-up of bug 445029 comment 113

Our demos contain HTML fragments inside MathML code but these inclusions are not valid. This does not seem to be defined anywhere in W3C specs.

Comment 1

[Frédéric Wang (:fredw)]

Attachment: patch

demo/basics.html:

- I replaced <img>'s in MathML by <mspace>'s with background-image
- I replaced resizable <input>'s in MathML by <mspace>'s

demo/extras.html:

- I replaced <span>'s with mouseover attributes in MathML by <mtext>'s with an event attached using addEventListener.
- I replaced the insertion of XHTML in MathML (which is AFAIK not defined in any spec) by an animated SVG image with MathML elements inside <foreignObject>'s.

The remaining errors are for the "title" attributes on MathML elements (bug 700440).

Comment 2

[Karl Tomlinson (:karlt)]

Comment on attachment 598958 [details] [diff] [review]
patch

I checked in the changes to extras.html, thanks.
http://viewvc.svn.mozilla.org/vc?view=revision&revision=102017

Re basics.html:

> <mi>bongo</mi>
> <mo>=</mo>
> <mfrac>
>-  <img width="197" height="200" src="http://www.mozilla.org/images/logo-star.gif" alt="logo-star.gif"/>
>+  <mspace style="background-image: url('http://www.mozilla.org/images/logo-star.gif');" width="197px" height="200px"></mspace>

I guess the text "such as mixing MathML with other markups" should be removed
now as this is using CSS rather than another markup.

>-Fill the gaps in this matrix with resizable input fields.
>+Fill the gaps in this matrix with resizable mspaces.

I think the idea here was that the input fields allowed entry of numbers to
complete the entries in the matrix.  It doesn't make so much sense to replace with mspaces.

Can we think of a completely different example using javascript and the DOM?
Perhaps changing the font size of the left and right hand sides of the
equation?  Or some way that mspaces change the layout of an equation?  If there is another example of DOM manipulation elsewhere, then we could just remove this.

Comment 3

[Frédéric Wang (:fredw)]

Attachment: patch basics

OK, I've updated the dynamic equation in basics.html. Now we can change mathsize.
I put the equation below, so that the +/- don't move when we change the size.

Comment 4

[Karl Tomlinson (:karlt)]

Comment on attachment 599198 [details] [diff] [review]
patch basics

Looks good, thanks again.

http://viewvc.svn.mozilla.org/vc?view=revision&revision=102037

Comment 5

[Frédéric Wang (:fredw)]

OK, I verified that all the projects/mathml pages validate, except demo/extras.html (bug 700440).

Comment 6

[Frédéric Wang (:fredw)]

According to David Carlisle:

"MathML3 suggests that the token elements are extended in any compound
document type to allow the host markup.
HTML5 does this and most inline html is allowed inside <mtext>  so
<mfrac><mtext><svg>....</svg></mtext><mtext><img...</mtext></mfrac>
is valid html5 with html and svg in mathml."

So I guess some of the changes

<img> => <mspace>
<input> => <mspace>

can be reverted and we can demoonstrate inclusion of SVG/HTML in MathML in demo/extras.html

Comment 7

[Frédéric Wang (:fredw)]

Attachment: Mixing MathML, SVG, HTML

Comment 8

[Frédéric Wang (:fredw)]

Attachment: Mixing MathML, SVG, HTML - v2

Apparently, there is also a typo: animateTransform@keyTime should be animateTransform@keyTimes (with a s).

Comment 9

[Karl Tomlinson (:karlt)]

Comment on attachment 638128 [details] [diff] [review]
Mixing MathML, SVG, HTML - v2

r107300