third_party/WebKit/LayoutTests/fast/multicol/fixed-column-percent-logical-height-orthogonal-writing-mode.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <style>
   5 .container {
   6     height: 100px;
   7     width: 400px;
   8     -webkit-column-width: 100px;
   9     -webkit-column-gap: 0px;
  10     column-width: 100px;
  11     column-gap: 0px;
  12     column-fill: auto;
  13 }
  14
  15 .percentLogicalHeight {
  16     -webkit-writing-mode: vertical-lr;
  17     height: 100%;
  18     width: 100%;
  19     background-color: navy;
  20 }
  21 </style>
  22 </head>
  23 <script src="../../resources/check-layout.js"></script>
  24 <body onload="checkLayout('.percentLogicalHeight')">
  25 <p><a href="https://bugs.webkit.org/show_bug.cgi?id=103075">Bug 103075</a>: LayoutBox::computePercentageLogicalHeight should use containingBlockLogicalWidthForContent</p>
  26 <p>This test checks that a percent logical height child in an orthogonal writing mode uses the multi-column's containing block column-width when resolving the logical height.</p>
  27 <div class="container">
  28     <div class="percentLogicalHeight" data-expected-width="100" data-expected-height="100"></div>
  29 </div>
  30 </body>
  31 </html>