src/third_party/WebKit/LayoutTests/fast/regions/auto-size/autoheight-region-increase-maxheight.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <style>
   5             #content { -webkit-flow-into: flow; font: 50px/1 Ahem; }
   6             #region { -webkit-flow-from: flow; width: 100px; position: absolute; top: 200px; overflow: hidden; }
   7             .regionMaxHeight { max-height: 100px; }
   8             .regionMaxHeight2 { max-height: 200px; }
   9         </style>
  10     </head>
  11     <script src="../../../resources/check-layout.js"></script>
  12     <body onload="checkLayout('#region')">
  13         <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=103738"> [CSS Regions] min-max height will not trigger a relayout when set on a region with auto-height</a>.</p>
  14         <p>On success you should see PASS below.</p>
  15         <div id="content">
  16             <span>a a a a a</span>
  17         </div>
  18         <div id="region" class="regionMaxHeight" data-expected-height=200></div>
  19         <script>
  20             document.body.offsetTop; // force layout
  21             document.getElementById("region").className = "regionMaxHeight2";
  22         </script>
  23     </body>
  24 </html>