1791185 - Animation keyframes defined in ShadowDom are not referrable by styles assigned to slotted elements.

Status: RESOLVED DUPLICATE of bug 1458189

(Core :: CSS Transitions and Animations, defect)

Description

[istvan.tutto]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/105.0.0.0 Safari/537.36

Steps to reproduce:

1. Define a CustomElement with shadowDom.

2. The shadowDom should contain a slot and a style node with animation keyframes defined.
   The style should refer these keyframes in an animation rule assigned to slotted elements.

3. Append a container to the custom element as its child (default slot).

Actual results:

The slotted elements did not animate

Demonstrated in link. (FF and Chrome)
https://codepen.io/istutto/pen/MWGpawz

Expected results:

The slotted elements should have animated.

Demonstrated in link (Use Safari).
https://codepen.io/istutto/pen/MWGpawz

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::CSS Transitions and Animations' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:dshin, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 3

[David Shin[:dshin]]

Duplicate of bug 1458189 - How at-rules and shadow DOM interact is inconsistent across browsers, it seems. Unfortunately, the discussion may have stalled.