Bug 79346 - border-radius and gradient are in conflict
: border-radius and gradient are in conflict
Status: NEW
Product: WebKit
Classification: Unclassified
Component: CSS
: 417.x
: PC Windows 7
: P2 Normal
Assigned To: Nobody
:
Depends on:
Blocks:
  Show dependency treegraph
 
Reported: 2012-02-23 01:19 PST by emre
Modified: 2012-03-21 20:32 PDT (History)
2 users (show)

See Also:


Attachments
this is the screenshot of wrong compilation. (4.46 KB, image/jpeg)
2012-02-23 01:20 PST, emre
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description emre 2012-02-23 01:19:06 PST
you can see the attachment.
i checked every attribute in web inspector, if i disable "border-radius"; it is fixed.

this is default settings.
.primary-nav a {background: #3f4752; display:block; padding: 0 8px; height:36px; line-height:36px; font-size:14px; color: #aaa; border-top:1px solid #687688; border-bottom: 1px solid #2a3442; text-decoration:none; -webkit-box-shadow: inset 0 -3px 2px #3f4752; -moz-box-shadow: inset 0 -3px 2px #3f4752; box-shadow: inset 0 -3px 2px #3f4752}

this is gradient syntax:
.primary-nav a, .logout, .pasreset, .ticketc {background: #5a6574; background: -moz-linear-gradient(top, #5a6574 0%, #3f4752 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a6574), color-stop(100%,#3f4752)); background: -webkit-linear-gradient(top, #5a6574 0%,#3f4752 100%); background: -o-linear-gradient(top, #5a6574 0%,#3f4752 100%); background: -ms-linear-gradient(top, #5a6574 0%,#3f4752 100%); background: linear-gradient(top, #5a6574 0%,#3f4752 100%);}

and this is css of border-radius:
.primary-nav a, #userplus li a {-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -o-border-top-left-radius: 3px; -ms-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; -o-border-top-right-radius: 3px; -ms-border-top-right-radius: 3px; border-top-right-radius: 3px;}
Comment 1 emre 2012-02-23 01:20:20 PST
Created attachment 128429 [details]
this is the screenshot of wrong compilation.
Comment 2 emre 2012-02-23 01:21:13 PST
i'm not sure if i've selected browser version right but it happens in chrome v.17 windows 7.
Comment 3 Shezan Baig 2012-03-12 13:58:28 PDT
can you attach a minimal html file that reproduces the issue?
See: http://www.webkit.org/quality/reduction.html