third_party/WebKit/LayoutTests/fast/table/caption-orthogonal-writing-mode-sizing.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 .table {
   6     display: table;
   7     height: 100px;
   8     width: 100px;
   9     border: 10px green solid;
  10     padding: 40px;
  11 }
  12
  13 .caption {
  14     display: table-caption;
  15     -webkit-writing-mode: vertical-lr;
  16     height: 100%;
  17     width: 100%;
  18     background-color: navy;
  19 }
  20 </style>
  21 </head>
  22 <script src="../../resources/check-layout.js"></script>
  23 <body onload="checkLayout('.caption')">
  24 <p><a href="https://bugs.webkit.org/show_bug.cgi?id=103075">Bug 103075</a>: LayoutBox::computePercentageLogicalHeight should use containingBlockLogicalWidthForContent</p>
  25 <p>This test checks that a table caption with an orthogonal writing mode properly uses the table's logical width (including padding and borders).</p>
  26 <div class="table">
  27     <div class="caption" data-expected-width="200" data-expected-height="100"></div>
  28 </div>
  29 </body>
  30 </html>