Changing text element content in SVG doesn't work properly

[ericflo]

Here's a JSFiddle which demonstrates: http://jsfiddle.net/kb3gN/784/

Clicking on the "click me" button should update the svg element's content to add more letters 'a', but instead it does nothing. However the state is confirmed to be changing since we have other elements on the page which are updating properly.

(Note that if you put the text in an attribute on the element, that attribute will update, so it has something to do with the element content.)

[petehunt]

I played around in jsbin and found this answer suggesting that innerHTML won't work for SVG nodes: http://stackoverflow.com/questions/4282108/how-to-change-svg-text-tag-using-javascript-innerhtml

[plievone]

The fix was reverted in 23ab30f, so this issue is still open. Hopefully the fix can be applied later, it is the right thing to do? innerText seems to return only visible text and may insert formatting, such as \n between stacked divs and \n\n after headings, but as it is not even present in Firefox any internal IE-test that relies on that behavior should just be fixed...? For example, this SVG example works ok in Firefox because innerText is not available, so it uses textContent.

[gregorym]

Any update on this one?

[zpao]

The original issue has been fixed (#808 was relanded).

@gregorym - you are likely experiencing a different issue, perhaps #3972.

[kiranyedidi]

I have the same issue on both Safari and Chrome. It works just fine in FF. Any workarounds? Thanks!