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
Status: WontFix
Owner:
User never visited
Closed: Nov 2011
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: All
Pri: 1
Type: Bug-Regression

Restricted
  • Only users with Commit permission may comment.



Sign in to add a comment
REGRESSION: Border-image shows all but center portion of image (if unprefixed property present)
Reported by stephani...@gmail.com, Oct 24 2011 Back to list
Chrome Version       : 16.0.912.10
OS Version: OS X 10.6.8
URLs (if applicable) : http://assortedgarbage.com
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 http://assortedgarbage.com ... 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
possible.
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



 
border-image-canary.jpg
491 KB View Download
Just wanted to let you know, I've confirmed that this bug also exists in the PC version of Canary—not just Mac.
Just confirmed on Ubuntu and Chromium 17.0.917.0

The borer-image demo on css3.info is also broken.
http://www.css3.info/preview/border-image/
Comment 3 by dhw@chromium.org, Oct 26 2011
Cc: dglazkov@chromium.org
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) (was: NULL)
Problem also on Windows in Chrome 16
Comment 4 by dhw@chromium.org, Oct 26 2011
Cc: rniwa@chromium.org
Here is the regression range:

100993 - OK
101008 - FAIL
http://build.chromium.org/f/chromium/perf/dashboard/ui/changelog.html?url=/trunk/src&range=100993:101008

http://crrev.com/100998	WebKit roll 95025:95036  ?
http://trac.webkit.org/log/?rev=95036&stop_rev=95025

http://trac.webkit.org/changeset/95031/  ?
rniwa - [CSS3 Backgrounds and Borders] Add unprefixed border-image shorthand.
Comment 5 by rniwa@chromium.org, Oct 26 2011
Status: Available
Filed https://bugs.webkit.org/show_bug.cgi?id=70871 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 dhw@chromium.org, Oct 26 2011
Labels: WebKit-CSS
Comment 7 by kareng@google.com, Nov 1 2011
Owner: mikelawther@chromium.org
Owner: davidbarr@chromium.org
Status: WontFix
As mentioned upstream:

The issue is that WebKit now honors the spec with regard to the initial value for border image slice.
http://www.w3.org/TR/css3-background/#border-image-slice-fill

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;

}
Project Member Comment 10 by bugdroid1@chromium.org, Oct 13 2012
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.
Project Member Comment 11 by bugdroid1@chromium.org, Mar 9 2013
Labels: -Area-WebKit -Type-Regression -WebKit-CSS Cr-Content Type-Bug-Regression Cr-Content-CSS
Project Member Comment 12 by bugdroid1@chromium.org, Apr 6 2013
Labels: -Cr-Content Cr-Blink
Project Member Comment 13 by bugdroid1@chromium.org, Apr 6 2013
Labels: -Cr-Content-CSS Cr-Blink-CSS
Sign in to add a comment