third_party/WebKit/LayoutTests/compositing/squashing/invalidate-on-grouped-mapping-reorder-expected.html

   1 <!DOCTYPE html>
   2 <script>
   3 onload = requestAnimationFrame(function() {
   4     requestAnimationFrame(function() {
   5         document.getElementById('badlayer').style.zIndex = "1"
   6     });
   7 });
   8 </script>
   9 <div style="float:right;position:relative;z-index:3">
  10   This test is broken if this text shows up twice
  11 </div>
  12 <div style="width: 0">
  13   <div style="height:220px;position:relative" id="badlayer">
  14     <div style="transform: translateX(325px);">
  15     </div>
  16   </div>
  17   <div style="height:220px;position:relative">
  18     <div style="position: absolute; top: 0px; left: 0px; width:10px;height:10px; transform: translate3d(1px, 1px, 1px); background: lightgray"></div>
  19     <div style="position: absolute; top: 0px; left: 0px; background: lightblue; width:10px;height:10px;" ></div>
  20   </div>
  21   a
  22 </div>
  23 <br>
  24 <div style="position:relative; height: 500px;">
  25 </div>
  26