summaryrefslogtreecommitdiffstats
path: root/layout/reftests/async-scrolling/sticky-inside-transform-1-ref.html
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--layout/reftests/async-scrolling/sticky-inside-transform-1-ref.html34
1 files changed, 34 insertions, 0 deletions
diff --git a/layout/reftests/async-scrolling/sticky-inside-transform-1-ref.html b/layout/reftests/async-scrolling/sticky-inside-transform-1-ref.html
new file mode 100644
index 0000000000..c778de137a
--- /dev/null
+++ b/layout/reftests/async-scrolling/sticky-inside-transform-1-ref.html
@@ -0,0 +1,34 @@
+<!doctype html>
+<html>
+<meta charset="utf-8" />
+<style>
+html, body { margin: 0 }
+
+#scroll {
+ overflow-y: auto;
+ scrollbar-width: none;
+ height: 100vh;
+ background: green;
+}
+#transform {
+ transform: translateX(100%) rotate(90deg);
+ height: 600px;
+ position: relative;
+ top: -300px;
+ transform-origin: 0% 0%;
+ background: #ff0;
+}
+#sticky {
+ position: relative;
+ top: 300px;
+ background: #0ff;
+ height: 100px;
+}
+</style>
+<div id="scroll">
+ <div id="transform">
+ <div id="sticky"></div>
+ </div>
+ <div id="content" style="height: 2000px;"></div>
+</div>
+</html>