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

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