third_party/WebKit/LayoutTests/compositing/overflow/selection-gaps-expected.html

   1 <!DOCTYPE html>
   2 <style>
   3   .container {
   4     height: 500px;
   5     width: 300px;
   6     overflow: scroll;
   7     background-color: white;
   8   }
   9
  10   .scrolled {
  11     height: 50px;
  12     width: 100px;
  13     background: orange;
  14     margin: 15px;
  15     transform: translateZ(0);
  16   }
  17 </style>
  18 <script>
  19   if (window.internals)
  20     window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  21
  22   onload = function()
  23   {
  24     var selection = getSelection();
  25
  26     var range = document.createRange();
  27     range.selectNode(document.getElementById("selection"));
  28     selection.addRange(range);
  29   }
  30 </script>
  31
  32 This test passes if the highlighted area includes the gaps between scrolled children.
  33
  34 <div class="container">
  35   <div class="scrolled">Lorem Ipsum</div>
  36   <div class="scrolled">Lorem Ipsum</div>
  37   <div class="scrolled" id="selection">Lorem Ipsum</div>
  38   <div class="scrolled">Lorem Ipsum</div>
  39   <div class="scrolled">Lorem Ipsum</div>
  40   <div class="scrolled">Lorem Ipsum</div>
  41   <div class="scrolled">Lorem Ipsum</div>
  42   <div class="scrolled">Lorem Ipsum</div>
  43   <div class="scrolled">Lorem Ipsum</div>
  44   <div class="scrolled">Lorem Ipsum</div>
  45 </div>