805414 - SVG Data URI & Border Image not being applied correctly

Status: RESOLVED INVALID

(Firefox :: Untriaged, defect)

Description

[Joey Hoer]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:11.0) Gecko/20100101 Firefox/11.0
Build ID: 20120312181643

Steps to reproduce:

SVG Data URI & Border Image applied in CSS. See example at http://codepen.io/joeyhoer/full/EraAu


Actual results:

The border image was not displayed in FF16 but was applied in FF11 - can't tell exactly which version this stopped working correctly. 


Expected results:

The border image should have been displayed

Comment 1

[Robert Longson [:longsonr]]

Looks like the site is using prefixed gradient syntax that was dropped in Firefox 16. See https://hacks.mozilla.org/2012/07/aurora-16-is-out/

Comment 2

[Joey Hoer]

That may be the case for the purple div, but I am referring to the orange div. The orange div is supposed to have a border image that is being generated with an SVG Data URI. Check older version of FF or any other browser to see what it should look like).

Feel free to play with the code here: http://codepen.io/joeyhoer/pen/EraAu. You can remove the purple div and the associated CSS, it will not solve the bug I am referring to.