filter won't apply to child elements while they are animating 
https://bugs.webkit.org/show_bug.cgi?id=219729
Summary filter won't apply to child elements while they are animating
Jamie Kyle
Reported 2020-12-09 23:35:27 PST
Created attachment 415839 [details] A demo of the bug Online Demo: https://jsbin.com/gucaweyica/1/edit?html,output (code is attached) <div style="filter: url(#filter)"> <div style="animation: ..."> </div> When a parent element has a filter, and the child element has an (active) animation, the child element will render without the filter applied. When the element stops animating, the filter will apply to the child element.
Attachments
A demo of the bug (817 bytes, text/html)
2020-12-09 23:35 PST, Jamie Kyle 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Smoley
Comment 1 2020-12-15 18:13:28 PST
Thanks for filing, I can reproduce this on Safari 13.1.3 and STP 117.
Radar WebKit Bug Importer
Comment 2 2020-12-15 18:13:40 PST
<rdar://problem/72366401>
Maurici Abad
Comment 3 2021-02-22 03:13:48 PST
I'm also encountering with this error
Note You need to log in before you can comment on or make changes to this bug.