src/third_party/WebKit/LayoutTests/fast/repaint/block-selection-gap-stale-cache-2.html

   1 <head>
   2     <style>
   3         ::selection { background-color: red; }
   4     </style>
   5     <script src="resources/repaint.js" type="text/javascript" charset="utf-8"></script>
   6     <script type="text/javascript" charset="utf-8">
   7     function repaintTest()
   8     {
   9         sel.empty();
  10     }
  11     </script>
  12 </head>
  13 <body onload="runRepaintTest()">
  14 <div style="height: 100px; overflow-y: scroll;">
  15     <div style="margin-top: 50px;"><div id="target" style="display: inline-block; width: 100px; height: 100px;"></div><br></div>&nbsp;
  16 </div>
  17 <script>
  18     var sel = getSelection();
  19     var target = document.getElementById("target");
  20
  21     sel.setBaseAndExtent(target, 0, target.parentElement.nextSibling, 0);
  22     document.body.offsetTop;
  23     target.parentElement.parentElement.scrollTop = 50;
  24 </script>