576613 - SVG nodes added to a HTML5 document with appendChild does not render

Status: RESOLVED INVALID

(Core :: SVG, defect)

Description

[Jeremie Patonnier :Jeremie]

User-Agent:       Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:2.0b2pre) Gecko/20100702 Minefield/4.0b2pre
Build Identifier: Mozilla/5.0 (X11; U; Linux x86_64; en-US; rv:2.0b2pre) Gecko/20100702 Minefield/4.0b2pre

Using the DOM functions (createElementNS, setAttributeNS) with Javascript to build some SVG node work well. But when you append those nodes to an HTML5 Dom tree, they are well attached but the SVG is not rendered.

Reproducible: Always

Steps to Reproduce:
1. Look at the attach test case
Actual Results:  
The DOM contain 2 SVG elements but only one circle is visible. 

Expected Results:  
You should see 2 circles

Comment 1

[Jeremie Patonnier :Jeremie]

Attachment: Testcase

This test case should show two circles.

Comment 2

[Boris Zbarsky [:bzbarsky]]

Your code is broken.  You should be setting attributes in the null namespace, not the SVG namespace.  To get attributes in a non-null namespace using markup, you'd have to prefix them (like xlink:* and xmlns:* and so forth), and if you note how SVG markup actually works, that's not done.

I suggest examining the SVG DOM created by the parser for parsed SVG in a reasonable DOM inspection tool to see what the namespaces look like...

Comment 3

[Jeremie Patonnier :Jeremie]

Arf ! Ok, my apologize. Sorry for the inconvenient.