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: | CSS | Assignee: | 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 | ||
Valery Sibikovsky
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.
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/103790558>