Bug 147294

Summary:

The border-image css property does not use the correct coordinates of an .svg file. all corners are 0,0

Product:

WebKit

Reporter:

Joel Glovacki <saetia>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

sabouhallawa, simon.fraser

Priority:

Version:

528+ (Nightly build)

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
example	none

Description Joel Glovacki 2015-07-25 02:32:07 PDT

Created attachment 257512 [details]
example

The border-image css property does not use the correct coordinates of an .svg file. 
Using a png works as expected.

you can see the issue here using webkit nightly / safari 9: 
http://codepen.io/saetia/pen/JdmOEY/?editors=110 

how webkit renders it:
https://dl.dropboxusercontent.com/s/0u07qz9wazck8gl/Screen%20Shot%202015-07-25%20at%204.04.34%20AM.png?dl=0

how it should look (safari 8, chrome, firefox):
https://dl.dropboxusercontent.com/s/hlvkghqf9va2sh3/Screen%20Shot%202015-07-25%20at%204.04.11%20AM.png?dl=0

Comment 1 Joel Glovacki 2015-07-25 02:35:45 PDT

dah, sorry. those dropbox examples should be reversed.

how it should look: 
https://dl.dropboxusercontent.com/s/0u07qz9wazck8gl/Screen%20Shot%202015-07-25%20at%204.04.34%20AM.png?dl=0

how it looks with latest webkit:
https://dl.dropboxusercontent.com/s/hlvkghqf9va2sh3/Screen%20Shot%202015-07-25%20at%204.04.11%20AM.png?dl=0