Bug 219729 - filter won't apply to child elements while they are animating
Summary: filter won't apply to child elements while they are animating
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: Safari Technology Preview
Hardware: Mac (Intel) macOS 10.15
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-12-09 23:35 PST by Jamie Kyle
Modified: 2021-02-22 03:13 PST (History)
5 users (show)

See Also:

Attachments
A demo of the bug (817 bytes, text/html)
2020-12-09 23:35 PST, Jamie Kyle 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Jamie Kyle 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.
Comment 1 Smoley 2020-12-15 18:13:28 PST 
Thanks for filing, I can reproduce this on Safari 13.1.3 and STP 117.
Comment 2 Radar WebKit Bug Importer 2020-12-15 18:13:40 PST 
<rdar://problem/72366401>
Comment 3 Maurici Abad 2021-02-22 03:13:48 PST 
I'm also encountering with this error