third_party/WebKit/LayoutTests/fast/replaced/max-width-percent.html

   1 <!DOCTYPE HTML>
   2 <script>
   3     function test()
   4     {
   5         // Force intial layout
   6         document.body.offsetTop;
   7
   8         // Force preferred width recalculation
   9         pic.style.padding = "0";
  10         document.body.offsetTop;
  11
  12         container.style.width = "200px";
  13     }
  14 </script>
  15 <p>
  16     Test for <i><a href="rdar://problem/5862634">rdar://problem/5862634</a>
  17     REGRESSION (3.1.1): In iChat, inline image not resizable past current size after another IM is received</i>.
  18 </p>
  19 <p>
  20     The blue square below should be 100&times;100 pixels.
  21 </p>
  22 <div id="container" style="width: 10px;">
  23     <div style="display: inline-block;">
  24         <img onload="test()" id="pic" src="resources/square-blue-100x100.png" style="max-width: 100%; padding: 10px;">
  25     </div>
  26 </div>