Bug 253891 - filter: drop-shadow() on animated SVG does not update correctly during animation
Summary: filter: drop-shadow() on animated SVG does not update correctly during animation
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: SVG (show other bugs)
Version: Safari 16
Hardware: Mac (Intel) macOS 13
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-03-14 09:12 PDT by justin.djordjevic
Modified: 2023-03-20 08:51 PDT (History)
9 users (show)

See Also:


Attachments
index.html and SVG displaying drop shadow bug (1.78 KB, application/zip)
2023-03-14 09:12 PDT, justin.djordjevic
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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>