Bug 173027

Summary: Pseudo-elements (::after) in shadow roots don't animate
Product: WebKit Reporter: Keanu Lee <webkit>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: dino, graouts, koivisto, laurent.pellegrino, maarten, rniwa, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on:    
Bug Blocks: 148695    

Description Keanu Lee 2017-06-06 12:14:45 PDT
E.g. Inside a shadow root:

<style>
    div::after {
      display: inline-block;
      content: 'boo';
      animation: spin 1s infinite;
    }
</style>

Repo: http://output.jsbin.com/kuwado

Expected: The text should have a rotate animation.

Actual: It does not.
Comment 1 Laurent Pellegrino 2018-01-24 12:27:01 PST
The issue is still present in Safari 11.0.2. Any updates?
Comment 2 Radar WebKit Bug Importer 2018-08-01 22:41:01 PDT
<rdar://problem/42842994>
Comment 3 Antoine Quint 2018-08-14 08:04:21 PDT
I tried and this test fails with the new animation code path as well as the old one. The test works fine in Chrome Canary and Firefox Nightly.