large-gradient-3.html (857B)
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: 204000px; /* = 255 * 800 */ 21 background-image: linear-gradient(rgb(0,0,0) 0px, rgb(255,255,255) 204000px); 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 = 210 * 800; // 168000 > 131072 == 2^17 37 document.documentElement.removeAttribute("class"); 38 }); 39 40 </script>