SVG attributes set with no namespace

[syavorsky]

Say we have a view rendering <use xlinkHref="#id"/> in a loop. First render displays all instances just fine, but newly appended use's would not show. Also calling getAttributeNS('http://www.w3.org/1999/xlink', 'href') on them would return null while returning #id for initial nodes.

Here is JSBin example with reproducible issue

[gaearon]

I think this is the problem:

createNodesFromMarkup uses a dummy <div> so it can later assign innerHTML and pull out the created node.

However it seems like (some?) namespaced properties are only taken into account when SVG elements are created inside <svg>.

cc @spicyj

[gaearon]

Presumably, the reason it works initially is because it is inside svg when the markup is first assembled an rendered.

[gaearon]

Related: #5061 (comment)

[sophiebits]

This should work okay on master now since we use document.createElement(NS) for everything except server rendering.

[syavorsky]

"This should work okay on master..." – awesome, thanks!

My temporary workaround was to wrap those elements into <g key={arrayFingerprint(colors)} />, hopefully that may help somebody