Bug 186837 - Animated pseudoelements in a Shadow Root get keyframes from main document
Summary: Animated pseudoelements in a Shadow Root get keyframes from main document
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Animations (show other bugs)
Version: WebKit Nightly Build
Hardware: Macintosh macOS 10.13
: P2 Normal
Assignee: Nobody
URL: https://faithful-string.glitch.me/
Keywords: InRadar
Depends on:
Blocks: 148695
  Show dependency treegraph
 
Reported: 2018-06-20 01:23 PDT by RPG
Modified: 2018-06-25 14:59 PDT (History)
6 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description RPG 2018-06-20 01:23:30 PDT
Pseudoelements (::before, ::after) generated inside a Shadow Root are not able to use CSS animation keyframes defined inside the same Shadow Root. Instead, they are able to use keyframes defined in the main document outside the Shadow Root.

Normal elements (a div, for example) inside the shadow root can use animation keyframes as expected.

This behavior is very clear in the provided URL when comparing it to Chrome or Firefox Nightly.

https://faithful-string.glitch.me/
Comment 1 Radar WebKit Bug Importer 2018-06-22 23:16:50 PDT
<rdar://problem/41393429>