93545 2012-08-08 16:08:36 -0700 Animation keyframes do not function when placed in a style element in a shadowRoot 2012-11-02 03:51:45 -0700 1 1 1 Unclassified WebKit DOM 528+ (Nightly build) Mac (Intel) OS X 10.7 RESOLVED DUPLICATE 72462 HasReduction P2 Normal --- 72462 1 sorvell webkit-unassigned dglazkov dominicc morrita tasak webcomponents-bugzilla oldest_to_newest 690868 0 157320 sorvell 2012-08-08 16:08:36 -0700 Created attachment 157320 Reduction If a style element inside a shadowRoot defines an animation via @-webkit-keyframes, the animation does not run when used within the shadowRoot. However, if a style element inside a shadowRoot refers to an animation in a document style element, the animation does run when used within the shadowRoot. 692094 1 tasak 2012-08-09 19:00:11 -0700 As styles in a shadow DOM subtree are treated as "scoped" and all scoped @keyframes are ignored (c.f. bug 72462), @-webkit-keyframes declared in a shadow DOM subtree doesn't work. c.f. StyleResolver.cpp // FIXME (BUG 72462): We don't add @keyframe rules of scoped style sheets for the moment. if (scope) continue; resolver->addKeyframeStyle(static_cast<StyleRuleKeyframes*>(rule)); and <style scoped>: Implement scoped @keyframes https://bugs.webkit.org/show_bug.cgi?id=72462 Best regards, Takashi Sakamoto (In reply to comment #0) > Created an attachment (id=157320) [details] > Reduction > > If a style element inside a shadowRoot defines an animation via @-webkit-keyframes, the animation does not run when used within the shadowRoot. > > However, if a style element inside a shadowRoot refers to an animation in a document style element, the animation does run when used within the shadowRoot. 693367 2 dominicc 2012-08-12 21:23:52 -0700 What should the semantics here be? 757074 3 tasak 2012-11-02 03:51:45 -0700 *** This bug has been marked as a duplicate of bug 72462 *** 157320 2012-08-08 16:08:36 -0700 2012-08-08 16:08:36 -0700 Reduction shadow-animation-reduction.html text/html 1473 sorvell PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8aGVhZD4KCTxzdHlsZT4KCQlALXdlYmtpdC1rZXlmcmFt ZXMgcm90YXRlIHsKCQkJZnJvbSB7CgkJCQktd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcp OwoJCQl9CgkJCQoJCQl0byB7CgkJCQktd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDM2MGRlZyk7 CgkJCX0KCQl9CgoJCS8qIElmIHRoZSBrZXlmcmFtZXMgYXJlIGRlZmluZWQgb3V0c2lkZSB0aGUg c2hhZG93Um9vdCBzdHlsZSBlbGVtZW50LCAKCQl0aGUgYW5pbWF0aW9uIHdpbGwgZnVuY3Rpb24g Y29ycmVjdGx5LiBVbmNvbW1lbnQgdG8gdGVzdC4KCQkqLwoJCS8qCgkJQC13ZWJraXQta2V5ZnJh bWVzIGZhZGUgewoJCQlmcm9tIHsKCQkJCW9wYWNpdHk6IDA7CgkJCX0KCQkJdG8gewoJCQkJb3Bh Y2l0eTogMTsKCQkJfSAKCQl9CgkJKi8KCgk8L3N0eWxlPgo8L2hlYWQ+Cjxib2R5PgoJPHA+QC13 ZWJraXQta2V5ZnJhbWVzIGRlZmluZWQgaW5zaWRlIHN0eWxlIGVsZW1lbnQgdXNlZCBpbiBzaGFk b3cgZG9tLiA8L3A+Cgk8ZGl2IGlkPSJkMSI+PC9kaXY+Cgk8YnI+Cgk8cD5ALXdlYmtpdC1rZXlm cmFtZXMgZGVmaW5lZCBpbiBkb2N1bWVudCBzdHlsZSBlbGVtZW50IGFuZCB1c2VkIGluIHNoYWRv dyBkb20uPC9wPgoJPGRpdiBpZD0iZDIiPjwvZGl2PgoKCTxzY3JpcHQ+CgkJLy8gaW5zdGFsbCBh IHNoYWRvd1Jvb3Qgb24gZWxlbWVudCBkMSB0aGF0IGhhcyBhIHN0eWxlIGVsZW1lbnQgd2hpY2gg ZGVmaW5lcyBhbiBhbmltYXRpb24KCQl2YXIgZDEgPSBkb2N1bWVudC5xdWVyeVNlbGVjdG9yKCIj ZDEiKTsKCQl2YXIgcjEgPSBuZXcgV2ViS2l0U2hhZG93Um9vdChkMSk7CgkJcjEuaW5uZXJIVE1M ID0gJzxzdHlsZT5ALXdlYmtpdC1rZXlmcmFtZXMgZmFkZSB7IGZyb20geyBvcGFjaXR5OiAwOyB9 IHRvIHsgb3BhY2l0eTogMTsgfSB9JyArCgkJCScgLmIgeyBoZWlnaHQ6IDEwMHB4OyB3aWR0aDog MTAwcHg7IGJhY2tncm91bmQ6IHJlZDsgLXdlYmtpdC1hbmltYXRpb246IGZhZGUgM3MgYm90aDt9 PC9zdHlsZT4nICsKCQkJJzxkaXYgY2xhc3M9ImIiPjwvZGl2Pic7CgoJCS8vIGluc3RhbGwgYSBz aGFkb3dSb290IG9uIGVsZW1lbnQgZDIgdGhhdCBoYXMgYSBzdHlsZSBlbGVtZW50IHdoaWNoIHVz ZXMgYW4gYW5pbWF0aW9uIGRlZmluZWQKCQkvLyBpbiBhIGRvY3VtZW50IGxldmVsIHN0eWxlIGVs ZW1lbnQuCgkJdmFyIGQyID0gZG9jdW1lbnQucXVlcnlTZWxlY3RvcigiI2QyIik7CgkJdmFyIHIy ID0gbmV3IFdlYktpdFNoYWRvd1Jvb3QoZDIpOwoJCXIyLmlubmVySFRNTCA9ICc8c3R5bGU+JyAr CgkJCScgLmIgeyBoZWlnaHQ6IDEwMHB4OyB3aWR0aDogMTAwcHg7IGJhY2tncm91bmQ6IGdyZWVu OyAtd2Via2l0LWFuaW1hdGlvbjogcm90YXRlIDNzIGJvdGg7fTwvc3R5bGU+JyArCgkJCSc8ZGl2 IGNsYXNzPSJiIj48L2Rpdj4nOwkKCTwvc2NyaXB0Pgo8L2JvZHk+CjwvaHRtbD4K