SVG in HTML5 served as text/html and foreignObject validation issues

Back on 12 April 2008 I built an HTML page with SVG served as text/html off of the college server. At that time the page could only be rendered by Amaya 10. This past June Mozilla Developer Preview 3.7 alpha 5 rendered the page with namespaces still present. I removed the namespaces and added a MathMl chunk and the page both renders and validates.

A check of FireFox 3.6.6 with html5.enable set to true also renders the page.
FireFox 3.6.6 with html5.enable set to true

The complication comes with foreignObject. A similar page renders correctly in FireFox 3.6.6 with html5.enable set to true as seen above, but does not correctly render in Mozilla Developer Preview 3.7 alpha 5.The page renders everything except the SVG that follows the HTML foreignObject inside the SVG chunk as seen below. Note that not only is the SVG not rendered, but (off-screen in the image below) the HTML that follows the SVG with the foreignObject is NOT styled by the CSS.
Mozilla Developer Preview 3.7 alpha 5

The new Gecko 1.9.3 HTML5 enabled parser is quoted as supporting foreignObject in SVG, and this remains true for XHTML parsed by the XML parser. I have an XHTML5 page that is valid XHTML with an HTML foreignObject in an SVG chunk. I copied the chunk, deleted the namespace calls, and found that the resulting page rendered correctly in 3.6.6 but not in 3.7a5. This is puzzling and remains under study as I write this.

Opera Version 10.60 Build 3445 does not render either the MathMl nor the SVG in the html5 document. Opera 10.60 does render MathMl and SVG in XHTML5 documents. Support for foreignObject, appears to be absent based on a MathMl object in SVG and an XHTML object in SVG. Since Opera reports that foreignObject is supported back in Opera 9, I am somewhat baffled. The cited pages render in FireFox and both validate.

Update: "The foreignObject support in Opera 9 is only for when you link to external content via xlink:href IIRC (as specified in SVG 1.2 Tiny)." - Erik. Thanks Erik! I should note that even on my best day I am a moron.

Google Chrome 5.0.375.99 beta can render XHTML5 including foreignObject chunks but not SVG and MathMl served at HTML, let alone pages with foreignObject.

At this time the page served as text/html with foreignObject does not validate. The problem is that the validator objects to the second appearance of the html tag. Removal of the tag, however, causes the foreignObject to fail to render at all.

Comments

  1. Anonymous05 July, 2010 22:32

    The foreignObject support in Opera 9 is only for when you link to external content via xlink:href IIRC (as specified in SVG 1.2 Tiny).

    ReplyDelete
  2. Dana Lee Ling07 July, 2010 12:00

    Thanks, Eric! Although I keep and use a mix of Mozilla FireFox, Google Chrome, Opera, and yes even IE8, I do not keep up with the details on the rendering engines. Thanks for the clarification!

    ReplyDelete
  3. Dana Lee Ling08 July, 2010 22:05

    Post-script: This was deemed a new bug, Bug 577418 - [HTML5] Parser does not return to SVG namespace after encountering foreignObject with html and body tags. I built a more focused example including images of the correct and incorrect rendering. The bug has a even simpler and more direct test case built by Robert Longson.

    ReplyDelete

Post a Comment

Popular posts from this blog

Plotting polar coordinates in Desmos and a vector addition demonstrator

Image
In an earlier post I noted that Desmos did not directly plot polar coordinates. Not only was I incorrect, but Desmos responded to my blog to correct me! Although I had at some point seen that one could define a function f(x)=3x+5 and then have Desmos calculate f(6), I had not absorbed how this might be used to plot polar coordinates. The above works beautifully . Realizing that I could effectively program Desmos, I applied this thinking to demonstrating how to add two vectors when given the magnitudes m and the direction angles theta. The graph calculates the i and j components for the two vectors and then adds the vectors, graphically displaying the result while also providing information on the magnitude and direction of the vector sum. m1 and theta1 are the magnitude and direction angle for one of the two vectors, m2 and theta2 are the magnitude and direction for the other vector. All four are dynamically interactive and can be changed. The diagram purports to illustra...
Read more

Setting up a boxplot chart in Google Sheets with multiple boxplots on a single chart

Image
The  Google Statistics  add-on for Google Sheets can display multiple boxplots in a single chart. The key is the layout of the data. One column should be the variable by which the data is to be grouped, the other column should be the data to be box plotted. Set up the Statistics add-on with the data to be plotted as the variable, and the grouping column as the "by" variable. In this image I had deselected all but the boxplot option, the result was the appearance of the Moment, Standard errors, and Confidence intervals options. The default is apparently a 95% confidence interval for the mean. The result is multiple boxplots on a single chart with a common scale. The new tab that is created also quotes 95% confidence intervals for the mean. Note that as of 2018 the Google Statistics add-on cannot be found by search in the add-ons. In addition, as of May 2018 the add-on no longer verifies, possibly due to the add-on not having been updated since August 2017. One may ha...
Read more

Traditional food dishes of Micronesia

Image
Clara, Jennette, and Joanie presented ground hard taro cooked in an umw, effectively a hot rock oven. Pohnpeian: rotama. Pingelapese: sero. Mwoakillese: rodma. Mortlockese: Amahd. Kosrae: rodoma. After cooking in an umw the rotama is pounded with the petiole of a palm frond. Rotama is made from hard or swamp taro, known as mwahng on Pohnpei, mweian on Pingalap, pula in Mortlockese, and pahsruhk on Kosrae. In traditional times on the outer islands the women had primary responsibility for tending the taro while the men handled fishing and climbing tasks. Joesen and Noeleen presented fermented breadfruit from the outer islands of Yap such as Woleai and Eauripik. The raw ingredients were actually brought in from Yap, Noeleen prepared the maare.  The leaf wrap is ti leaf - Cordyline fruticosa. Pauleen, Barnson, Trisha, Verginia, Con-ray, and Maylanda from Kitti, Pohnpei brought in mahi umw, koahpnoair koakihr, and uht sukusuk. Above is breadfruit umw, mahi umw, o...
Read more