third_party/WebKit/LayoutTests/fast/replaced/computed-image-width-with-percent-height-and-fixed-ancestor-vertical-lr.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4     <style>
   5         img { height: 100%; }
   6         body { height: 400px; margin: 0px; padding: 0px; }
   7     </style>
   8     <script src="../../resources/check-layout.js"></script>
   9 </head>
  10 <body>
  11     <p>The square below should be 100px by 100px.
  12     https://bugs.webkit.org/show_bug.cgi?id=103812
  13     In strict mode, an image with height set to 100% and a fixed height ancestor should expand to its instrinsic height and width.
  14     Percentage height "is calculated with respect to the height of the generated box's containing block."  </p>
  15     <br>
  16     <div style="-webkit-writing-mode: vertical-lr;">
  17         <img src="resources/square-blue-100x100.png" onload="checkLayout('img')" data-expected-height=100>
  18     </div>
  19 </body>
  20 </html>