large-gradient-2.html (799B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <!DOCTYPE html> 6 <html lang="en" class="reftest-wait"> 7 <meta charset="utf-8"> 8 <title>Make sure that large gradient backgrounds are painted even at extreme scroll positions</title> 9 <!-- See https://bugzilla.mozilla.org/show_bug.cgi?id=1011166 --> 10 11 <style> 12 13 html { 14 background: white; 15 overflow: hidden; 16 } 17 18 body { 19 margin: 0; 20 height: 51000px; 21 background-image: linear-gradient(black 0px, lime 2000px); 22 } 23 24 div { 25 height: 1000px; 26 background-color: red; 27 } 28 29 </style> 30 31 <div></div> 32 33 <script> 34 35 window.addEventListener("MozReftestInvalidate", function () { 36 document.documentElement.scrollTop = 42000; // > 32768 37 document.documentElement.removeAttribute("class"); 38 }); 39 40 </script>