Bug 82189 - border-radius and a border on only one side
Summary: border-radius and a border on only one side
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: PC Windows 7
: P2 Normal
Assignee: Nobody
URL: http://jsfiddle.net/Dz6sM/
Keywords:
Depends on:
Blocks:
 
Reported: 2012-03-26 04:28 PDT by habereder
Modified: 2012-05-03 06:54 PDT (History)
1 user (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description habereder 2012-03-26 04:28:31 PDT 
Hi,

an element with a border on only one side and a border-radius acts weird.
Half of the element gets the border-color as background-color.

Testcase:
HTML:
<div>foo</div>​

CSS:
div {
    width:200px;
    height:200px;
    background:lightblue;
    border-bottom:5px solid orange;
    border-radius:5px;
}
Comment 1 habereder 2012-03-27 05:36:55 PDT 
When I use border-radius:0 0 5px 5px instead it works as expected: http://jsfiddle.net/Dz6sM/1/
Comment 2 David Barr 2012-05-02 22:04:01 PDT 
I could not reproduce this issue even with r37376 nor r115930. What revision of WebKit can this be reproduced with?
Comment 3 habereder 2012-05-03 04:35:57 PDT 
I can't reproduce it myself …
I guess i must have tested with an old version, but i cannot remember which.
Well, sorry for the inconvenience.
Everything works as it should.
Comment 4 David Barr 2012-05-03 06:54:46 PDT 
I nor the reporter could reproduced the issue.