layout/reftests/css-gradients/large-gradient-3.html

   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>