RESOLVED CONFIGURATION CHANGED207123
CSS Filter: drop-shadow() disappears when element is hidden by overflow 
https://bugs.webkit.org/show_bug.cgi?id=207123
Summary CSS Filter: drop-shadow() disappears when element is hidden by overflow
chototoro
Reported 2020-02-03 09:01:29 PST
When a drop-shadow() filter is applied to the child of an element with hidden overflow, the filter will only appear if at least 1px of the child element is still visible. A test case is available here: https://codepen.io/chototoro/pen/Jjogeyd Bug appears on Safari (12.1 and above), on macOS and iOS. Behavior is normal on Chrome, Firefox, and Edge 79.
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2020-02-04 00:10:08 PST
<rdar://problem/59141775>
Ahmad Saleem
Comment 2 2022-10-01 16:30:43 PDT
I am still able to reproduce this bug in Safari 16 / STP 154 using CodePen from Comment 0 and it does not show "pixels" in case of "No pixel visible" (fourth - bottom right square / box) and it does not show anything in case of Safari while both Chrome Canary 108 and Firefox Nightly 107 does match each other in all four cases and three cases with Safari except the one mentioned above. Thanks!
Ahmad Saleem
Comment 3 2025-07-06 12:07:39 PDT
It seems to be fixed on WebKit ToT (Minibrowser) [297035@main]. Might be fixed by Matt's recent work with filters + overflow.
Note You need to log in before you can comment on or make changes to this bug.