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

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