[Webkit-unassigned] [Bug 12203] New: -webkit-box-shadow fails on divs with opacity or overflow settings

Wed Jan 10 13:58:05 PST 2007

http://bugs.webkit.org/show_bug.cgi?id=12203

           Summary: -webkit-box-shadow fails on divs with opacity or
                    overflow settings
           Product: WebKit
           Version: 420+ (nightly)
          Platform: Macintosh PowerPC
        OS/Version: Mac OS X 10.4
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: CSS
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: aamann at mac.com

The following HTML shows that the -webkit-box-shadow does not work on divs
where either opacity or overflow values are specified as well - both cases end
up with a cosmetic glitch in the bottom right corner (which is visible due to
the -webkit-corner-radius property).

Tested with latest WebKit nightly as of 01/10/2007

<html>
<head>
<style type="text/css">
#Shadow {
        padding: 2px;
        border: rgb(76, 70, 52) 1px solid;
        color: #FFFFFF;
        background-color: rgb(125, 115, 84);
        -webkit-border-radius: 6px;
        -webkit-box-shadow: 6px 6px 6px #555555;
}
#ShadowOpacity {
        padding: 2px;
        border: rgb(76, 70, 52) 1px solid;
        color: #FFFFFF;
        background-color: rgb(125, 115, 84);
        opacity: 0.85;
        -webkit-border-radius: 6px;
        -webkit-box-shadow: 6px 6px 6px #555555;
}
#ShadowOverflow {
        padding: 2px;
        border: rgb(76, 70, 52) 1px solid;
        color: #FFFFFF;
        overflow: auto;
        background-color: rgb(125, 115, 84);
        -webkit-border-radius: 6px;
        -webkit-box-shadow: 6px 6px 6px #555555;
}
</style>
</head>
<body>
<div id="Shadow">shadow works</div>
<br />
<div id="ShadowOpacity">no shadow with opacity</div>
<br />
<div id="ShadowOverflow">no shadow with overflow</div>
</body>
</html>

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