summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/css-will-change/will-change-transform-huge-offset-scrolled.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/css-will-change/will-change-transform-huge-offset-scrolled.html')
-rw-r--r--testing/web-platform/tests/css/css-will-change/will-change-transform-huge-offset-scrolled.html19
1 files changed, 19 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-will-change/will-change-transform-huge-offset-scrolled.html b/testing/web-platform/tests/css/css-will-change/will-change-transform-huge-offset-scrolled.html
new file mode 100644
index 0000000000..506ac67f0c
--- /dev/null
+++ b/testing/web-platform/tests/css/css-will-change/will-change-transform-huge-offset-scrolled.html
@@ -0,0 +1,19 @@
+<!DOCTYPE html>
+<html class="reftest-wait">
+<link rel="help" href="https://drafts.csswg.org/css-will-change/#will-change">
+<link rel="match" href="will-change-transform-huge-offset-scrolled-ref.html">
+<div style="width: 20px; height: 20px; margin-top: 10000px; background: green; will-change: transform"></div>
+<script>
+// Incrementally scroll to the bottom.
+var lastScrollY = 0;
+function scroll() {
+ window.scrollBy(0, 200);
+ if (window.scrollY > lastScrollY) {
+ lastScrollY = window.scrollY;
+ requestAnimationFrame(scroll);
+ } else {
+ document.documentElement.classList.remove('reftest-wait');
+ }
+}
+requestAnimationFrame(scroll);
+</script>