src/third_party/WebKit/LayoutTests/fast/repaint/selection-gap-transformed-absolute-child.html

   1 <!doctype html>
   2 <head>
   3     <script src="resources/text-based-repaint.js"></script>
   4     <script>
   5     function repaintTest()
   6     {
   7         var target = document.getElementById("target");
   8         getSelection().setBaseAndExtent(target, 0, target.nextSibling, 1);
   9     }
  10     </script>
  11     <style>
  12         body { margin: 0px; }
  13         #target::selection { background-color: green; }
  14     </style>
  15 </head>
  16 <body onload="runRepaintTest()">
  17     <div style="position: absolute; margin-left: 200px;">
  18         <div>Bug <a href="http://webkit.org/b/111000">111000</a>: Selection gaps don't repaint correctly with transforms</div>
  19         <div>This tests that absolute elements that get transformed are invalidated correctly. The box will be completely green if the selected area was invalidated correctly.</div>
  20     </div>
  21     <div style="transform: translate(50px, 50px);">
  22         <div id="target" style="background-color: red; width: 100px; height: 100px; position: absolute;"><br/></div><br/>
  23     </div>
  24 </body>