Bug 219729

Summary:

filter won't apply to child elements while they are animating

Product:

WebKit

Reporter:

Jamie Kyle <me>

Component:

Animations

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

agafvv, dino, graouts, hello, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

Safari Technology Preview

Hardware:

Mac (Intel)

OS:

macOS 10.15

Attachments:

Description	Flags
A demo of the bug	none

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.