img and background-image don't correctly load svg stack icons

• Component: SVG
• Status: RESOLVED FIXED

I have a testcase set up at http://freemen.be/examples/svg-stack.html

that's a basic html page whose body has just an img tag with src="icons.svg#first"
problem is that the requested icon is not showing

The icon is shown correctly if I load it directly through http://freemen.be/examples/icons.svg#first

did some further testing, and compared with the other major browsers.

result of the test can be found at http://freemen.be/examples/svg-stack-overview.html

tested with chrome on windows and linux, safari on windows, and rekonq on linux (all using webkit engine obviously and all showing the problem)

As http://freemen.be/examples/svg-stack-overview.html shows the problem:
- applies when loading an svg-stack image as css-background or with an <img>
- loading the same svg-image with an <embed> or <object> tag works fine

https://bugs.webkit.org/show_bug.cgi?id=100269 and
https://bugs.webkit.org/show_bug.cgi?id=65344 seem to indicate that the problem is with the application of the css embedded in the svg

https://bugs.webkit.org/show_bug.cgi?id=91790 is a duplicate of this bug with regards to loading the image as an css-background

https://bugs.webkit.org/show_bug.cgi?id=89985 also seems to be a duplicate/related

Test as working as of Chrome 36