third_party/WebKit/LayoutTests/css3/flexbox/orthogonal-writing-modes-and-intrinsic-sizing.html

   1 <!DOCTYPE html>
   2 <html>
   3 <link href="resources/flexbox.css" rel="stylesheet">
   4 <script src="../../resources/check-layout.js"></script>
   5
   6 <style>
   7 .flexbox {
   8     background-color: gray;
   9 }
  10
  11 .vertical {
  12     -webkit-writing-mode: vertical-lr;
  13     writing-mode: vertical-lr;
  14     width: -webkit-min-content;
  15     background-color: blue;
  16 }
  17 </style>
  18 <body onload="checkLayout('.flexbox')">
  19
  20 <div class="flexbox" data-expected-height="20">
  21     <div class="vertical" data-expected-width="50" data-expected-height="20">
  22         <div style="width: 50px; height: 20px; background-color: blue;" data-expected-width="50" data-expected-height="20"></div>
  23     </div>
  24 </div>
  25
  26
  27 <div class="flexbox column" data-expected-height="20">
  28     <div class="vertical" data-expected-width="50" data-expected-height="20">
  29         <div style="width: 50px; height: 20px; background-color: blue;" data-expected-width="50" data-expected-height="20"></div>
  30     </div>
  31 </div>