[Webkit-unassigned] [Bug 103087] New: box-shadow with inset plus border-radius is causing rendering artifacts

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Nov 22 12:21:03 PST 2012


https://bugs.webkit.org/show_bug.cgi?id=103087

           Summary: box-shadow with inset plus border-radius is causing
                    rendering artifacts
           Product: WebKit
           Version: 528+ (Nightly build)
          Platform: Macintosh
               URL: http://stackoverflow.com/questions/13505314/artifacts-
                    on-css-rendering-box-shadow-on-safari-6-0-2-on-mountai
                    n-lion
        OS/Version: Mac OS X 10.8
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: cyberplus3 at gmail.com


Created an attachment (id=175703)
 --> (https://bugs.webkit.org/attachment.cgi?id=175703&action=review)
screenshot of the issue

A DIV with box-shadow with inset plus border-radius is causing artifacts on the right of the rendering shadow.

I'm having some artifacts on Safari 6.0.2 on Mountain Lion on my Macbook Pro, using any other browser everything render as it is supposed to be. But curiously using Safari on my iMac with OSX Lion I can't reproduce the issue.

Stackoverflow thread:
http://stackoverflow.com/questions/13505314/artifacts-on-css-rendering-box-shadow-on-safari-6-0-2-on-mountain-lion

CSS
#test{
    width: 200px;
    height: 200px;

    border-radius: 50%;
    background-color: blue;
    box-shadow: inset -3px 0 0 yellow;
}

reproduction http://jsfiddle.net/T966K/1/

screenshot attached

-- 
Configure bugmail: https://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug.



More information about the webkit-unassigned mailing list