Bug 34333

Summary: border-image doesn't centre-align edge slices
Product: WebKit Reporter: Ben Darlow <kapowaz+webkitbugzilla>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: hyatt
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Mac (Intel)   
OS: OS X 10.5   
URL: http://dl.dropbox.com/u/299613/border-image.html
Attachments:
Description Flags
border-image behaviour in Firefox 3.5 none

Ben Darlow
Reported 2010-01-29 08:50:45 PST
When using the border-image CSS3 property on an element, the edge ‘slices’ of the element are given an edge based on the source image. However the origin of the image slice isn't centred horizontally or vertically, which makes it impossible to position a key part of the border image in the middle of that edge. The attached URL demonstrates the problem. In Safari the box is given a border on all sides, but the chevron is missing from the right-hand edge of the element. In Firefox 3.5+ this behaves correctly (as can be seen in the provided screengrab). I've been unable to ascertain (due to lack of clarity in the CSS3 spec) whether the anchoring of tiled side edges is something which is implied or should be explicitly stated, but using the existing Firefox implementation as a reference, it seems that Safari's behaviour here is broken.
Attachments
border-image behaviour in Firefox 3.5 (5.96 KB, image/png)
2010-01-29 08:51 PST, Ben Darlow 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Ben Darlow
Comment 1 2010-01-29 08:51:21 PST
Created attachment 47719 [details] border-image behaviour in Firefox 3.5
Dave Hyatt
Comment 2 2011-09-14 12:26:44 PDT
Test case is gone. Not enough information to continue.
Note You need to log in before you can comment on or make changes to this bug.