Bug 253891

Summary: filter: drop-shadow() on animated SVG does not update correctly during animation
Product: WebKit Reporter: justin.djordjevic
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, dino, graouts, graouts, sabouhallawa, simon.fraser, webkit-bug-importer, zalan, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 16   
Hardware: Mac (Intel)   
OS: macOS 13   
Attachments:
Description Flags
index.html and SVG displaying drop shadow bug none

Description justin.djordjevic 2023-03-14 09:12:21 PDT
Created attachment 465432 [details]
index.html and SVG displaying drop shadow bug

I have an SVG with filter: drop-shadow() applied to it.

During the animation, part of the drop shadow outside the SVG's bounding box gets stuck in place while any parts of the drop shadow within the SVG's bounding box gets clipped and duplicated.

The drop shadow applied to the SVG should not have any render issues during animations.
Comment 1 Antoine Quint 2023-03-20 08:04:45 PDT
This does not reproduce with UI-side compositing enabled.
Comment 2 Radar WebKit Bug Importer 2023-03-20 08:49:21 PDT
<rdar://problem/106945398>