summaryrefslogtreecommitdiffstats
path: root/layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1.html')
-rw-r--r--layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1.html30
1 files changed, 30 insertions, 0 deletions
diff --git a/layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1.html b/layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1.html
new file mode 100644
index 0000000000..c6c31bdf5c
--- /dev/null
+++ b/layout/reftests/display-list/retained-dl-style-change-with-prerender-transform-1.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style>
+.wrapper {
+ width: 810vw;
+ transform: translateX(-50%);
+ height: 90vh;
+}
+.slides {
+ will-change: transform;
+}
+.button {
+ background-color: red;
+ position: absolute;
+ left: 50%;
+}
+</style>
+<div class="wrapper">
+ <div class="slides">
+ <span class="button">Add to cart</span>
+ </div>
+</div>
+<script>
+document.addEventListener("MozReftestInvalidate", () => {
+ document.querySelector(".button").style.backgroundColor = "green";
+ document.documentElement.classList.remove("reftest-wait");
+}, { once: true });
+</script>
+</html>