fixed-width-intrinsic-width-should-exclude-scrollbar-001.html (1394B)
1 <!DOCTYPE html> 2 <html> 3 <title>CSS Grid: intrinsic width of fixed-width grid items.</title> 4 <link rel="author" title="Sunil Ratnu" href="mailto:sunil.ratnu@samsung.com"/> 5 <link rel="help" href="https://drafts.csswg.org/css-grid-1/#overflow"/> 6 <meta name="assert" content="This test ensures that scrollbar width is not accounted for fixed-width grid items' intrinsic width."/> 7 <link href="/css/support/grid.css" rel="stylesheet"/> 8 <style> 9 .grid { 10 grid-template-columns: 400px 500px; 11 grid-template-rows: 200px 300px; 12 } 13 14 .gridItemScrollOverflow { 15 width: 50px; 16 height: 50px; 17 overflow: scroll; 18 } 19 20 </style> 21 <script src="/resources/testharness.js"></script> 22 <script src="/resources/testharnessreport.js"></script> 23 <script src="/resources/check-layout-th.js"></script> 24 <body onload="checkLayout('.grid')"> 25 26 <div class="grid"> 27 <div class="firstRowFirstColumn gridItemScrollOverflow" data-expected-width="50" data-expected-height="50"></div> 28 <div class="firstRowSecondColumn gridItemScrollOverflow" data-expected-width="50" data-expected-height="50"></div> 29 <div class="secondRowFirstColumn gridItemScrollOverflow" data-expected-width="50" data-expected-height="50"></div> 30 <!-- Grid item itself being a grid container--> 31 <div class="grid secondRowSecondColumn gridItemScrollOverflow" data-expected-width="50" data-expected-height="50"></div> 32 </div> 33 34 </body> 35 </html>