third_party/WebKit/LayoutTests/fast/repaint/background-attachment-local-repaint.html

   1 <!DOCTYPE html>
   2 <style>
   3 #container {
   4     overflow: scroll;
   5     width: 500px;
   6     height: 400px;
   7
   8     background-attachment: local;
   9     background-image: linear-gradient(black, white);
  10 }
  11
  12 #bloat {
  13     position: relative;
  14     left: 0;
  15     top: 500px;
  16     width: 1px;
  17     height: 1px;
  18 }
  19 </style>
  20 <div id="container">
  21     <div id="bloat"></div>
  22 </div>
  23 This test verifies a overflow clip container with background-attachment:local correctly repaints when its overflow changes size without scrolling.
  24 <script src="../../resources/run-after-layout-and-paint.js"></script>
  25 <script>
  26 runAfterLayoutAndPaint(function() {
  27     document.getElementById("bloat").style.top = "10000px";
  28 }, true);
  29 </script>