src/third_party/WebKit/LayoutTests/fast/regions/auto-size/autosize-region-window-resize.html

   1 <!doctype html>
   2 <html>
   3     <head>
   4         <style>
   5             html {
   6                 font: 16px/1.25 monospace;
   7             }
   8
   9             body {
  10                 margin: 0;
  11             }
  12
  13             #article {
  14                 -webkit-flow-into: article;
  15             }
  16
  17             #region {
  18                 -webkit-flow-from: article;
  19                 width: auto;
  20                 height: auto;
  21                 border: 5px solid green;
  22             }
  23             #region2 {
  24                 -webkit-flow-from: article;
  25                 width: 310px;
  26                 height: 80px;
  27                 border: 5px solid blue;
  28             }
  29     </style>
  30     <script>
  31         function test() {
  32             window.resizeTo(320, 640);
  33         }
  34     </script>
  35 </head>
  36 <body onload="test()">
  37     <p>Test for <a href="https://bugs.webkit.org/show_bug.cgi?id=102221">WebKit Bug 102221</a> [CSS Regions] Auto-sized regions don't recompute their dimensions on window resize</p>
  38     <p>On success you should not see any text in the blue border region.</p>
  39     <div id="article">
  40         Lorem ipsum dolor sin amet Lorem ipsum dolor sin amet Lorem ipsum dolor sin amet Lorem ipsum dolor sin amet
  41     </div>
  42     <div id="region"></div>
  43     <div id="region2"></div>
  44 </body>
  45 </html>