third_party/WebKit/LayoutTests/fast/css-grid-layout/percent-intrinsic-track-breadth.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <link href="resources/grid.css" rel="stylesheet">
   5 <style>
   6 .intrinsic {
   7     grid-template-rows: max-content;
   8     grid-template-columns: max-content;
   9     height: 500px;
  10     width: 500px;
  11 }
  12
  13 .percentage {
  14     grid-template-rows: 100%;
  15     grid-template-columns: 100%;
  16     height: 100%;
  17     width: 100%;
  18 }
  19 </style>
  20 </head>
  21 <script src="../../resources/check-layout.js"></script>
  22 <body onload="checkLayout('.percentage');">
  23     <p>This test checks that percentage track breadths of intrinsic size are treated as auto.</p>
  24     <div class="grid intrinsic">
  25         <div class="grid percentage">
  26             <div class="sizedToGridArea" data-expected-width="50" data-expected-height="10">XXXXX</div>
  27         </div>
  28     </div>
  29 </body>
  30 </html>