New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.
Starred by 3 users

Issue metadata

Status: WontFix
Email to this user bounced
Closed: Nov 2011
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 1
Type: Bug-Regression

  • Only users with Commit permission may comment.

Sign in to add a comment

Issue 101311: REGRESSION: Border-image shows all but center portion of image (if unprefixed property present)

Reported by, Oct 24 2011

Issue description

Chrome Version       : 16.0.912.10
OS Version: OS X 10.6.8
URLs (if applicable) :
Other browsers tested:
  Add OK or FAIL after other browsers where you have tested this issue:
     Safari 5: OK
  Firefox 4.x: OK
     IE 7/8/9: border-image unsupported

What steps will reproduce the problem?
1. Pull up ... Look at the main blog post area. In Chromium and Canary, the central portion of the border-image is invisible. 

2. Inspect the article element. Turn OFF the regular border-image property (leaving only the -webkit- prefixed property). The center reappears. 

3. Turn off the -webkit prefixed property & the entire image disappears. 

What is the expected result?
The background of the main blog post area should look like the "paper" the rest of the site is made of.

What happens instead?
Central area of the blog post (using border-image) is missing. In the current stable version of Chrome, it's perfect.

Please provide any additional information below. Attach a screenshot if
It appears Canary is attempting to use the unprefixed border-image property and is rendering it incorrectly (though it still renders properly with the -webkit prefix).

(Screenshot attached)

UserAgentString: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_6_8) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.10 Safari/535.7
491 KB View Download

Comment 1 by, Oct 24 2011

Just wanted to let you know, I've confirmed that this bug also exists in the PC version of Canary—not just Mac.

Comment 2 by, Oct 25 2011

Just confirmed on Ubuntu and Chromium 17.0.917.0

The borer-image demo on is also broken.

Comment 3 by, Oct 26 2011

Labels: -OS-Mac -Area-Undefined -Pri-2 -Type-Bug OS-All Area-WebKit Pri-1 Type-Regression
Status: Untriaged
Summary: REGRESSION: Border-image shows all but center portion of image (if unprefixed property present)
Problem also on Windows in Chrome 16

Comment 4 by, Oct 26 2011

Here is the regression range:

100993 - OK
101008 - FAIL	WebKit roll 95025:95036  ?  ?
rniwa - [CSS3 Backgrounds and Borders] Add unprefixed border-image shorthand.

Comment 5 by, Oct 26 2011

Status: Available
Filed but I don't intend to work on this bug anytime soon since I was just fixing an assertion failure in that changeset.

Comment 6 by, Oct 26 2011

Labels: WebKit-CSS

Comment 7 by, Nov 1 2011


Comment 8 by, Nov 16 2011


Comment 9 by, Nov 16 2011

Status: WontFix
As mentioned upstream:

The issue is that WebKit now honors the spec with regard to the initial value for border image slice.

So to get the intended result, the style rules need to be updated to include the 'fill' keyword just after the slice values. Note that FF rejects the 'fill' keyword on the -moz-border-image property and WebKit ignores it on -webkit-border-image.

.post {
    margin: 0 0 40px 0;
    -webkit-border-image: url(images/article-background-stretch.png) 29 50 55 32 round round;
    -moz-border-image: url(images/article-background-stretch.png) 29 50 55 32 round round;
    border-image: url(images/article-background-stretch.png) 29 50 55 32 fill round round;
    border-width: 29px 50px 55px 32px;


Comment 10 by, Oct 13 2012

Project Member
Labels: Restrict-AddIssueComment-Commit
This issue has been closed for some time. No one will pay attention to new comments.
If you are seeing this bug or have new data, please click New Issue to start a new bug.

Comment 11 by, Mar 9 2013

Project Member
Labels: -Area-WebKit -Type-Regression -WebKit-CSS Cr-Content Type-Bug-Regression Cr-Content-CSS

Comment 12 by, Apr 6 2013

Project Member
Labels: -Cr-Content Cr-Blink

Comment 13 by, Apr 6 2013

Project Member
Labels: -Cr-Content-CSS Cr-Blink-CSS

Sign in to add a comment