diff options
Diffstat (limited to 'layout/reftests/async-scrolling/sticky-inside-transform-1.html')
| -rw-r--r-- | layout/reftests/async-scrolling/sticky-inside-transform-1.html | 35 |
1 files changed, 35 insertions, 0 deletions
diff --git a/layout/reftests/async-scrolling/sticky-inside-transform-1.html b/layout/reftests/async-scrolling/sticky-inside-transform-1.html new file mode 100644 index 0000000000..a1d55a3211 --- /dev/null +++ b/layout/reftests/async-scrolling/sticky-inside-transform-1.html @@ -0,0 +1,35 @@ +<!doctype html> +<html reftest-async-scroll> +<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; + transform-origin: 0% 0%; + background: #ff0; +} +#sticky { + position: sticky; + top: 0; + background: #0ff; + height: 100px; +} +</style> +<div id="scroll" + reftest-displayport-x="0" reftest-displayport-y="0" + reftest-displayport-w="800" reftest-displayport-h="2000" + reftest-async-scroll-x="0" reftest-async-scroll-y="300"> + <div id="transform"> + <div id="sticky"></div> + </div> + <div id="content" style="height: 2000px"></div> +</div> +</html> |