Bug 47579
| Summary: | Background-clip + border-radius don't behave properly together | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Faruk Ates <farukates> |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED DUPLICATE | ||
| Severity: | Normal | CC: | anewpage.media, lea, simon.fraser, stephanie.rewis |
| Priority: | P2 | ||
| Version: | 528+ (Nightly build) | ||
| Hardware: | PC | ||
| OS: | OS X 10.5 | ||
| URL: | http://w3conversions.com/sandbox/border-radius/index2.html | ||
Faruk Ates
With a border-radius set, background-clip: padding-box; does not properly adhere to curving the padding box radius, which becomes a visual problem when combining it with (semi or fully) transparent borders. See test case (linked).
There's also this post that explains the issue in some more detail, highlighting parts of the spec that are relevant (and which Webkit's behavior, IMO, contradicts / does not adhere to).
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Stephanie (Sullivan) Rewis
A more thorough explanation of the bug is here: http://stefsullrewis.tumblr.com/post/1303111216/inner-border-content-or-padding-edge-quirk-in-webkit
BrianMB
I have logged this in great detail on Chromium's bugtracker:
http://code.google.com/p/chromium/issues/detail?id=72014
BrianMB
(In reply to comment #2)
> I have logged this in great detail on Chromium's bugtracker:
>
> http://code.google.com/p/chromium/issues/detail?id=72014
It includes screenshots. Firefox 4 renders correctly.
Lea Verou
This looks like a duplicate of this bug https://bugs.webkit.org/show_bug.cgi?id=23166 albeit with a better description & testcase.
Simon Fraser (smfr)
*** This bug has been marked as a duplicate of bug 23166 ***