1192741 - border-image with SVG having no intrinsic size not rendered correctly

Status: RESOLVED DUPLICATE of bug 619500

(Core :: SVG, defect)

Description

[David Vest]

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/43.0.2357.10 Safari/537.36

Steps to reproduce:

Load http://doomdavve.github.io/gists/svg-in-border-image-5.html#no-intrinsic



Actual results:

It looks like the SVG (with no intrinsic size or ratio) is chopped up and drawn from origin in each piece of the nine-piece image.


Expected results:

According to border-image specification

https://drafts.csswg.org/css-backgrounds-3/#border-image-slice

there should be a light green (lime) square on a green background.

The SVG image size should be computed to the background positioning area (100x100) and then split up and drawn in each piece.

Comment 1

[David Vest]

See https://bugs.webkit.org/show_bug.cgi?id=139405 where WebKit moved from spec-compliant to something closer resembling what Firefox currently does.

Also see thread on www-style starting with https://lists.w3.org/Archives/Public/www-style/2015May/0302.html

Comment 3

[David Vest]

Thanks. I did read that bug but wasn't sure it was the same thing.