476396 - SVG file rendered incorrectly

Status: RESOLVED DUPLICATE of bug 477171

(Core :: SVG, defect)

Description

[Daniel Burrows]

User-Agent:       Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.5) Gecko/2008122011 Iceweasel/3.0.5 (Debian-3.0.5-1)
Build Identifier: Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.5) Gecko/2008122011 Iceweasel/3.0.5 (Debian-3.0.5-1)

I created the above file in Inkscape, and noticed that Firefox (on both Linux and Windows) seems to render it incorrectly.  It should look like this:

http://algebraicthunk.net/~dburrows/blog/entry/images/apt-files-diagram-2-simple.png

In Firefox, a bunch of the text is missing, and there are black boxes drawn in random spots on the page.  I suspect the text objects are being filled in as black rectangles -- some of the rectangles are exactly where text should be, but others aren't.

I don't know enough about SVG to be sure that this is Firefox's fault.  It could be that Inkscape produced an incorrect file.

Reproducible: Always

Steps to Reproduce:
1. Type in the above URL.
2. Look at the results in Firefox.
3. Compare them to the drawing when loaded in Inkscape or to the PNG render.
Actual Results:  
Black boxes are drawn everywhere.

Expected Results:  
The drawing should look like the PNG render at <http://algebraicthunk.net/~dburrows/blog/entry/images/apt-files-diagram-2-simple.png>.

Comment 1

[Robert Longson [:longsonr]]

Parts of your svg file look like this...

<g>
  <flowRoot>
    <flowRegion>
      <rect>
      </rect>
    </flowRegion>
  </flowRoot>
</g>

flowRoot and flowRegion are experimental features from the SVG 1.2 draft specification and are not part of SVG 1.1 which is what Firefox mostly implements.

So firefox effectively sees <g><rect></rect></g> and draws a rectangle.

This is not something we're likely to fix in firefox until well after SVG 1.2 comes out.

Perhaps you could set something in Inkscape to say that you want to target SVG 1.1 only?