summaryrefslogtreecommitdiffstats
path: root/layout/reftests/bugs/1260543-1.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/bugs/1260543-1.html')
-rw-r--r--layout/reftests/bugs/1260543-1.html35
1 files changed, 35 insertions, 0 deletions
diff --git a/layout/reftests/bugs/1260543-1.html b/layout/reftests/bugs/1260543-1.html
new file mode 100644
index 000000000..15e12f1cc
--- /dev/null
+++ b/layout/reftests/bugs/1260543-1.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<style>
+#outer {
+ font-size: 52px;
+ transition: all 100s step-start;
+ color: transparent;
+}
+#outer.red {
+ color: red;
+}
+#outer.red > #inner {
+ color: green;
+}
+</style>
+<!--
+This is testing that -webkit-text-fill-color should inherit currentcolor
+keyword value, rather than the computed value of color (used value of
+-webkit-text-fill-color) from the transition.
+-->
+<p>Test passes if the block below is green.</p>
+<div id="outer"><span id="inner">&#x2588;</span></div>
+<script>
+window.addEventListener("load", () => {
+ // Wait for the second frame to ensure that we will
+ // actually start the transition.
+ requestAnimationFrame(() => {
+ requestAnimationFrame(() => {
+ let outer = document.getElementById("outer");
+ outer.className = "red";
+ document.documentElement.className = "";
+ });
+ });
+});
+</script>