[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