Make <use> shadow trees lookup keyframe rules in the containing tree.

The same thing we do for rule matching. Differential Revision: https://phabricator.services.mozilla.com/D14548 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1513920 gecko-commit: 1b1eaa3248a7c8652b31644aca098bb6bd32d1ab gecko-integration-branch: autoland gecko-reviewers: heycam
web-platform-tests · Dec 18, 2018 · 8506feb · 8506feb
1 parent 4984b19
commit 8506feb
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/svg/linking/reftests/use-keyframes-ref.html b/svg/linking/reftests/use-keyframes-ref.html
@@ -0,0 +1,6 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test Reference</title>
+<svg width="100" height="100" viewBox="0 0 100 100">
+  <rect width="100%" height="100%" fill="lime" />
+</svg>
diff --git a/svg/linking/reftests/use-keyframes.html b/svg/linking/reftests/use-keyframes.html
@@ -0,0 +1,19 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>CSS Test: Keyframe animations from the document match in use elements</title>
+<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel="author" title="Mozilla" href="https://mozilla.org">
+<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1513920">
+<link rel="match" href="use-keyframes-ref.html">
+<style>
+@keyframes animationname {
+  from { fill: lime; }
+  to { fill: lime; }
+}
+</style>
+<svg width="100" height="100" viewBox="0 0 100 100">
+  <symbol id="symbol">
+    <rect width="100%" height="100%" fill="red" style="animation: animationname 1s infinite;" />
+  </symbol>
+  <use href="#symbol" />
+</svg>