keyframes do not work when defined inside a style in a shadowRoot

• Component: DOM
• Status: RESOLVED FIXED

[Keanu Lee]

@keyframes defined inside shadow roots don't work:

http://jsbin.com/yibeca/edit?html,output


However, @keyframes defined in the main document work inside shadow roots:

http://jsbin.com/pelaqob/edit?html,output

[Radar WebKit Bug Importer]

<rdar://problem/29210251>

[Dean Jackson]

It appears that KeyframeAnimation::resolveKeyframeStyles() calls into Element::styleResolver(), but that gets null for containingShadowRoot() so returns the Document's style resolver.

I think the keyframes rule is in the shadow root's style resolver. But I'm not sure if containingShadowRoot should be null here.

[Dean Jackson]

The animation is connected to the x-foo element. I don't really understand the shadow tree - which style resolver should that get?

[Ryosuke Niwa]

It's a bit tricker than that. If the keyframe is used by a rule inside the shadow tree, then it should see the keyframe rule but the rule outside the shadow tree shouldn't see it.

[Antti Koivisto]

Created attachment 296138 [details]
patch

[Sam Weinig]

Comment on attachment 296138 [details]
patch

View in context: https://bugs.webkit.org/attachment.cgi?id=296138&action=review

> Source/WebCore/ChangeLog:17
> +        Test: fast/shadow-dom/shadow-host-animation.html

I don't see this test in the patch.  Did you forget to add it?

[Darin Adler]

Comment on attachment 296138 [details]
patch

View in context: https://bugs.webkit.org/attachment.cgi?id=296138&action=review

> Source/WebCore/page/animation/KeyframeAnimation.cpp:369
> +    auto* styleScope = Style::Scope::forOrdinal(element, m_animation->name().scopeOrdinal);
> +    if (styleScope)
> +        styleScope->resolver().keyframeStylesForAnimation(*m_object->element(), m_unanimatedStyle.get(), m_keyframes);

Could define the variable inside the if.

> Source/WebCore/platform/animation/Animation.cpp:167
> -const String& Animation::initialName()
> +Style::ScopedName Animation::initialName()
>  {
>      static NeverDestroyed<String> initialValue(ASCIILiteral("none"));
> -    return initialValue;
> +    return { initialValue.get(), Style::ScopeOrdinal::Element };
>  }

Could just have this return const Style::ScopedName& instead and have the global be a NeverDestroyed<Style::ScopedName>; would be slightly more efficient.

[Build Bot]

Comment on attachment 296138 [details]
patch

Attachment 296138 [details] did not pass mac-ews (mac):
Output: http://webkit-queues.webkit.org/results/2627250

New failing tests:
media/modern-media-controls/media-controller/media-controller-resize.html

[Build Bot]

Created attachment 296153 [details]
Archive of layout-test-results from ews102 for mac-yosemite

The attached test failures were seen while running run-webkit-tests on the mac-ews.
Bot: ews102  Port: mac-yosemite  Platform: Mac OS X 10.10.5

[Antti Koivisto]

Created attachment 296168 [details]
patch

Slightly simplified version.

[WebKit Commit Bot]

Comment on attachment 296168 [details]
patch

Clearing flags on attachment: 296168

Committed r209352: <http://trac.webkit.org/changeset/209352>

[WebKit Commit Bot]

All reviewed patches have been landed.  Closing bug.