src/third_party/WebKit/LayoutTests/compositing/overflow/transform-should-update-container-overflow.html

   1 <!DOCTYPE html>
   2 <style>
   3 #container {
   4     width: 100px;
   5     height: 100px;
   6     position: relative;
   7     overflow: hidden;
   8 }
   9
  10 #composited {
  11     -webkit-transform: translateZ(0);
  12     width: 100px;
  13     height: 100px;
  14     background-color: green;
  15 }
  16 </style>
  17 This test verifies layout overflow will be recomputed when CSS transform is changed.
  18 <div id="container" data-expected-scroll-width="100" data-expected-scroll-height="100">
  19     <div id="composited">
  20     </div>
  21 </div>
  22 <script src="../../resources/check-layout.js"></script>
  23 <script>
  24     checkLayout("#container");
  25     var composited = document.getElementById('composited');
  26     composited.style.webkitTransform = 'translate3d(100px, 100px, 0)';
  27     var container = document.getElementById('container');
  28     container.setAttribute("data-expected-scroll-width", 200);
  29     container.setAttribute("data-expected-scroll-height", 200);
  30     checkLayout("#container");
  31 </script>