834325 - SVG graphic rendering broken when embedded

Status: VERIFIED FIXED

(Core :: SVG, defect)

Description

[Andy]

Attachment: svg embedded as object

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:18.0) Gecko/20100101 Firefox/18.0
Build ID: 20130117041608

Steps to reproduce:

We embedded some simple SVG graphics containing simple forms and gradients in a web page.


Actual results:

They appear broken. When we open them isolated, they appear perfect.

We set up an experiment and used different elements: svg, embed, object, img and css-background.

Only the latter renders them fine.


Expected results:

Of course the graphics should appear the same no matter if opened isolated or embedded in HTML.

Comment 1

[Andy]

Attachment: svg embedded as embed

Comment 2

[Andy]

Attachment: svg embedded as img

Comment 3

[Andy]

Attachment: svg embedded as svg

Comment 4

[Andy]

Attachment: svg embedded as css-background

Comment 5

[Andy]

Attachment: svg

Comment 6

[Andy]

The svg validates and renders fine in Opera, Safari, Chrome, Android Browser and Internet Explorer, no matter on which platform.

Comment 7

[Andy]

And it shows broken in Firefox, no matter which platform.

Comment 8

[Robert Longson [:longsonr]]

Attachment: as object

Comment 9

[Robert Longson [:longsonr]]

Looks fine to me. See exactly the same image when I click on the "as object" attachment as I do when I click on the original svg drawing.

Have you tried safe mode?

Comment 10

[Daniel Holbert [:dholbert]]

(The fuzziness in the CSS-background attachment -- bug 705939 -- is from bug 600207, FWIW)

Andy: does Robert's "as object" attachment reproduce the problem for you?

If not, it'd probably help if you attached a source file that *does* demonstrate the problem for you. (using https://bug834325.bugzilla.mozilla.org/attachment.cgi?id=705941 as the URI for the SVG file)

Comment 11

[Daniel Holbert [:dholbert]]

(In reply to Daniel Holbert [:dholbert] from comment #10)
> (The fuzziness in the CSS-background attachment -- bug 705939 -- is from bug
> 600207, FWIW)

(er sorry, meant to say "attachment 705939 [details]", not "bug 705939")

Comment 12

[Andy]

Robert, Daniel. Thanks for getting back to me so quick.

I apologize, I didn't mention that I'm resizing the elements, it doesn't matter if by CSS-rules or HTML-attributes.

Comment 13

[Andy]

Attachment: html with embedded svg

Comment 14

[Andy]

Attachment: html with embedded and resized svg

Comment 15

[Andy]

Attachment: html with embedded and resized svg

again, trying as text/html

Comment 16

[Robert Longson [:longsonr]]

Did this work in an earlier version of Firefox or has it always been like this?

Comment 17

[Andy]

I did my testing also in Version 17 ESR on Linux and 10 on Windows 8.

In the latter it looks different, but still not right.

Comment 18

[Daniel Holbert [:dholbert]]

OK -- on that attachment, I see the reported issue in Firefox 18.0.1

Happily, though, it seems to be fixed in trunk -- I don't get any of the solid-gray clipping shown in the screenshots. 
 Mozilla/5.0 (X11; Linux x86_64; rv:21.0) Gecko/20130124 Firefox/21.0

Comment 19

[Daniel Holbert [:dholbert]]

FIX RANGE (on my machine):

Last bad nightly: 2012-12-22
First good nightly: 2012-12-23
Pushlog:
http://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=bf26f61a0748&tochange=84320dffec6e

That pushlog includes several SVG painting patches. (not sure offhand which one fixed this)

Comment 20

[Daniel Holbert [:dholbert]]

hg bisect says this was fixed by bug 806432.

Comment 21

[Andy]

OK guys, thanks for checking.

What would be the best way to check for the version in which it has been fixed (JavaScript)?

Comment 22

[Jonathan Watt [:jwatt]]

It's fixed as of 19.

Comment 23

[Bogdan Maris, Desktop Test Engineering]

Mozilla/5.0 (X11; Linux x86_64; rv:19.0) Gecko/20100101 Firefox/19.0

Tested in Firefox 19 beta 6 (buildID: 20130212082553), latest Nightly (buildID: 20130122030956) and latest Aurora (buildID: 20130213042019). 
This however does not fix the fact that the elements posted on comment 15 are not affected after resizing the page (elements are resizable in Chrome) only text is affected. 
If the elements should resize as well then the bug is not verified, otherwise it is verified.

Comment 24

[Bogdan Maris, Desktop Test Engineering]

Mozilla/5.0 (X11; Linux x86_64; rv:19.0) Gecko/20100101 Firefox/19.0

Same result as stated in comment 23 in Firefox 19.0 RC (buildID: 20130215130331).

Comment 25

[u279076]

Thanks Bogdan, I think that's enough to call this verified.