third_party/WebKit/LayoutTests/fast/replaced/inline-box-wrapper-handover.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
   2 <html>
   3 <head>
   4     <title></title>
   5     <style type="text/css">
   6         div.ib { display: inline-block; width: 20px; height: 20px; }
   7     </style>
   8     <script type="text/javascript">
   9     function test()
  10     {
  11         var a = document.getElementById('a');
  12         var b = document.getElementById('b');
  13
  14         document.body.offsetTop;    // force layout
  15         a.style.width = '40px';
  16
  17         document.body.offsetTop;
  18         b.style.width = '35px';
  19     }
  20     </script>
  21 </head>
  22 <body onload="test()">
  23     <p>
  24         This test checks for a regression against <i><a href="https://bugs.webkit.org/show_bug.cgi?id=6276">http://bugzilla.opendarwin.org/show_bug.cgi?id=6276</a>
  25         Image thumbnails are misplaced on forum.2ostrov.ru</i>.
  26     </p>
  27     <hr>
  28     <p>
  29         Box 1 and box 2 should be identical.
  30     </p>
  31     Box 1:
  32     <div style="border: 1px black solid; width: 55px; padding: 5px;">
  33         <div class="ib" style="background: blue;" id="a"></div> A
  34         <div class="ib" style="background: red;" id="b"></div> B
  35         <div class="ib" style="background: green;"></div> C
  36     </div>
  37     <br>
  38     Box 2:
  39     <div style="border: 1px black solid; width: 55px; padding: 5px;">
  40         <div class="ib" style="background: blue; width: 40px;"></div> A
  41         <div class="ib" style="background: red; width: 35px;"></div> B
  42         <div class="ib" style="background: green;"></div> C
  43     </div>
  44 </body>
  45 </html>