Bug 79346 - border-radius and gradient are in conflict
: border-radius and gradient are in conflict
Status: NEW
: WebKit
CSS
: 417.x
: PC Windows 7
: P2 Normal
Assigned To:
:
:
:
:
  Show dependency treegraph
 
Reported: 2012-02-23 01:19 PST by
Modified: 2012-03-21 20:32 PST (History)


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


Note

You need to log in before you can comment on or make changes to this bug.


Description From 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 From 2012-02-23 01:20:20 PST -------
Created an attachment (id=128429) [details]
this is the screenshot of wrong compilation.
------- Comment #2 From 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 From 2012-03-12 13:58:28 PST -------
can you attach a minimal html file that reproduces the issue?
See: http://www.webkit.org/quality/reduction.html