tor-browser

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

content-contribution-001.html (1929B)

      1 <!DOCTYPE html>
      2 <link rel="help"
      3  href="https://drafts.csswg.org/css-sizing-4/#stretch-fit-sizing">
      4 <link rel="help" href="https://github.com/w3c/csswg-drafts/issues/11006">
      5 <script src='/resources/testharness.js'></script>
      6 <script src='/resources/testharnessreport.js'></script>
      7 <script src="/resources/check-layout-th.js"></script>
      8 <meta name="assert"
      9  content="stretched children contribute their automatic size to parent's min/max content sizes">
     10 
     11 <style>
     12  .test {
     13    outline: solid;
     14    margin-bottom: 10px;
     15  }
     16 </style>
     17 
     18 <div style="width: max-content;" class="test" data-expected-client-width="100">
     19  <div style="float: left; width: 100px; height: 100px;"></div>
     20  <div style="float: left; width: stretch; outline: solid blue;"></div>
     21 </div>
     22 
     23 <div style="width: max-content;" class="test" data-expected-client-width="120">
     24  <div style="float: left; width: 100px; height: 100px;"></div>
     25  <div style="float: left; width: stretch; outline: solid blue;">
     26    <div style="width: 20px; height: 20px;"></div>
     27  </div>
     28 </div>
     29 
     30 <div style="width: 100px; height: max-content;" class="test"
     31  data-expected-client-height="100">
     32  <div style="width: 100px; height: 100px;"></div>
     33  <div style="height: stretch; outline: solid blue;"></div>
     34 </div>
     35 
     36 <div style="width: 100px; height: max-content;" class="test"
     37  data-expected-client-height="120">
     38  <div style="width: 100px; height: 100px;"></div>
     39  <div style="height: stretch; outline: solid blue;">
     40    <div style="width: 20px; height: 20px;"></div>
     41  </div>
     42 </div>
     43 
     44 <div style="writing-mode: vertical-lr;">
     45  <div style="inline-size: stretch; block-size: 100px;" class="test"
     46    data-expected-client-height="0"></div>
     47 </div>
     48 
     49 <div style="writing-mode: vertical-lr;">
     50  <div style="inline-size: stretch; block-size: 100px; border: solid"
     51    data-expected-client-height="20">
     52    <div style="height: 20px;"></div>
     53  </div>
     54 </div>
     55 
     56 <script>
     57  checkLayout('.test');
     58 </script>