[SVG] viewbox confused by border

• Component: SVG
• Status: RESOLVED INVALID

[Eric U.]

Created attachment 132711 [details]
Repro case

I originally logged this as a Chrome bug [http://code.google.com/p/chromium/issues/detail?id=118108], but it affects Safari identically, and likely all other ports.
I've reproduced it in Chrome/Linux, Chrome/Windows, and Safari/Windows.  Firefox does not have the bug.

What steps will reproduce the problem?
1. Load the attached file svg.html.
2. Examine the corners of the two SVG regions.

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

You should see the same quarter-circles in all corners of each square, plus a whole circle dead center.

Instead, the SVG region with a border offsets the svg drawing region by the width of the border [3px], but doesn't scale it, so the viewbox is more like 0 0 0.97 0.97.  So the quarter-circles in the 3 corners that aren't the origin aren't visible, and the full circle isn't centered.

The other SVG region, with no border, works fine.

See the linked chrome bug for screen shots.

[Dirk Schulze]

Please check nightly builds. Was fixed recently.

[Eric U.]

Awesome; thanks.

[Eric U.]

*** Bug 81981 has been marked as a duplicate of this bug. ***