803369 - css background-image from inline svg using pattern does not render

Status: RESOLVED INVALID

(Core :: SVG, defect)

Description

[jgingerich]

Attachment: ffbug.html

User Agent: Mozilla/5.0 (Windows NT 5.1; rv:16.0) Gecko/20100101 Firefox/16.0
Build ID: 20121010144125

Steps to reproduce:

Have a simple html file.  Table cell is given a css class with a background-image based on an inline svg file using a simple pattern. 



Actual results:

The contents of the cell are displayed, but the background image is not evident.


Expected results:

The background shows as yellow in Chrome.

The background shows as yellow if I place the svg into its own file.

Comment 1

[Cork]

Attachment: Correct testcase

Comment 2

[Cork]

Data uri's need to be url encoded to be valid, so.. invalid.

Comment 3

[jgingerich]

I think it is worthwhile pursuing this as an enhancement, because the url-encoding requirement is generally eschewed by browsers, and full encoding makes the svg essentially unreadable.  However, thanks to your answer, I have discovered it is only the # that needs encoding, and this also explains why I was having difficulties with hex code colors versus rgb()'s.