Bug 12179

Summary: box-shadow paints on top of other boxes' backgrounds
Product: WebKit Reporter: mitz
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED INVALID    
Severity: Normal CC: ahmad.saleem792, ap, bfulgham, hyatt, rendezvouscp, rniwa, simon.fraser, zalan
Priority: P2 Keywords: HasReduction
Version: 420+   
Hardware: Mac   
OS: OS X 10.4   
Attachments:
Description Flags
Reduction. Expect not to see red. none

mitz
Reported 2007-01-09 02:07:54 PST
Box shadows should paint behind all backgrounds in their layer. In fact, if you paint box-shadow in its own phase, I doubt that you need to clip out the box (the effect would be different with transparent boxes, but I'm not sure that it would be a change for the worse).
Attachments
Reduction. Expect not to see red. (179 bytes, text/html)
2007-01-09 02:08 PST, mitz
no flags
mitz
Comment 1 2007-01-09 02:08:46 PST
Created attachment 12325 [details] Reduction. Expect not to see red.
Ahmad Saleem
Comment 2 2022-08-29 04:33:10 PDT
I updated the test case and removed -webkit- prefix and still all browsers (Chrome Canary 107, Firefox Nightly 107 and Safari Technology Preview 152) showed "Red" above "Green" and match each other. I think it is intended behavior. Hence, I am going to mark this as "RESOLVED CONFIGURATION CHANGED". If you think all browsers are wrong and it is something need to be fixed. Please reopen. Thanks! Link - https://jsfiddle.net/yebw94r7/show
mitz
Comment 3 2022-08-29 07:06:15 PDT
It doesn’t seem like Configuration Changed is appropriate, because nothing has changed. The current behavior is unfortunate but it looks like it has to be maintained for compatibility.
Ahmad Saleem
Comment 4 2022-08-29 07:19:55 PDT
mitz@webkit.org - Appreciate if you can mark this accordingly? Thanks!
Note You need to log in before you can comment on or make changes to this bug.