Bug 249867

Summary: filter:drop-shadow() with a large radius makes node disappear when multiple shadows are applied
Product: WebKit Reporter: Valery Sibikovsky <combdn>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: dino, karlcow, sabouhallawa, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: BrowserCompat, InRadar
Version: Safari 16   
Hardware: All   
OS: All   

Description Valery Sibikovsky 2022-12-24 07:27:00 PST 
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.
Comment 1 Radar WebKit Bug Importer 2022-12-31 07:27:16 PST 
<rdar://problem/103790558>