src/third_party/WebKit/LayoutTests/fast/repaint/block-selection-gap-in-composited-layer.html

   1 <head>
   2     <script src="resources/repaint.js" type="text/javascript" charset="utf-8"></script>
   3     <script type="text/javascript" charset="utf-8">
   4     function repaintTest()
   5     {
   6         var target = document.getElementById("target");
   7         getSelection().setBaseAndExtent(target, 0, target.nextSibling, 1);
   8     }
   9     </script>
  10     <style>
  11         #target::selection { background-color: #0f0; }
  12     </style>
  13 </head>
  14 <body onload="runRepaintTest()">
  15     <div style="-webkit-transform: translateZ(0); margin-top: 50px; margin-left: 50px;">
  16         <div id="target" style="background-color: red; width: 100px; height: 100px; position: absolute;"><br></div>a
  17     </div>
  18     <script>
  19     </script>
  20 </body>