[Webkit-unassigned] [Bug 249867] New: filter:drop-shadow() with a large radius makes node disappear when multiple shadows are applied

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Sat Dec 24 07:27:00 PST 2022


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

            Bug ID: 249867
           Summary: filter:drop-shadow() with a large radius makes node
                    disappear when multiple shadows are applied
           Product: WebKit
           Version: Safari 16
          Hardware: All
                OS: All
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: combdn at gmail.com

When multiple `drop-shadow()` layers are used in the `filter` property, and the blur radius of one of the shadows is too big, it makes the node disappear. 

Example: https://codepen.io/combdn/pen/YzjyXrE (It reproduces on iOS 16.2. On a Mac, you might need to set a bigger radius to trigger it.)

Not sure about the exact triggering point. It may be due to the shadow going out of the viewport bounds. 

P. S. It seems that Firefox limits the radius to 100px, no matter how big the number is in CSS.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20221224/430b3b3b/attachment.htm>


More information about the webkit-unassigned mailing list