tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

grid-container-scrollbars-sizing-002.html (1159B)

      1 <!DOCTYPE html>
      2 <title>CSS Grid Layout Test: Intrinsic logical width with scrollbars</title>
      3 <link rel="author" title="Sunil Ratnu" href="mailto:sunil.ratnu@samsung.com">
      4 <link rel="issue" href="https://codereview.chromium.org/535913002"/>
      5 <link rel="help" href="https://drafts.csswg.org/css-grid/#overflow"/>
      6 <link rel="stylesheet" href="/css/support/grid.css">
      7 <link rel="stylesheet" href="/css/support/width-keyword-classes.css">
      8 <link rel="match" href="../reference/grid-container-scrollbars-sizing-002-ref.html">
      9 <meta name="assert" content="This test ensures that the grid container considers the scrollbars when computing the intrinsic logical widths."/>
     10 
     11 <style>
     12 .grid, .inline-grid {
     13  overflow: scroll;
     14 }
     15 .gridItem {
     16  width: 100px;
     17  height: 100px;
     18  background: green;
     19 }
     20 </style>
     21 <body>
     22 <div class='grid fit-content'>
     23  <span class='gridItem'></span>
     24 </div>
     25 <div class='grid fit-content' style='overflow-y: hidden'>
     26  <span class='gridItem'></span>
     27 </div>
     28 <div class='inline-grid fit-content'>
     29  <span class='gridItem'></span>
     30 </div>
     31 <div class='inline-grid fit-content' style='overflow-y: hidden'>
     32  <span class='gridItem'></span>
     33 </div>
     34 </body>