Updating styles via Javascript does not visibly update child nodes in IE/Flash

What steps will reproduce the problem?

1. Define some nested SVG elements (e.g., tspans within a text element, or
rects within a group element)
2. Attempt to change the style of the parent node dynamically via Javascript

What is the expected output? What do you see instead?

In IE/Flash, the Javascript-driven style changes do not have any visible
effect, despite the modified styles being correctly updated in the dynamic
SVG source viewable via Flash. Yet if the styles are set in the original
SVG at the parent node level (without Javascript), they do propagate to the
child nodes when rendered in IE/Flash.

What version of the product are you using? On what operating system,
browser, and version of Flash?

dracolisk, Windows 7, IE 8, Flash 10,0,42,34

Please provide any additional information below. Reduced test cases are
always appreciated!

Sample source attached with inline comments.

Apologies if this is either not a bug or a known issue, but I was surprised
to not find anything on it in the documentation.

Original issue reported on code.google.com by Bjorn...@gmail.com on 11 May 2010 at 9:52

Attachments:

style_child_example.html

lewisje / svgweb

Updating styles via Javascript does not visibly update child nodes in IE/Flash #488