tor-browser

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

dynamic-bsize-change.html (843B)

      1 <!doctype html>
      2 <title>CSS Test: Dynamic change to the block size inside an auto-sized flex item</title>
      3 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
      4 <link rel="author" title="Mozilla" href="https://mozilla.org">
      5 <link rel="help" href="https://drafts.csswg.org/css-flexbox">
      6 <link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1496833">
      7 <link rel="match" href="dynamic-bsize-change-ref.html">
      8 <style>
      9  div {
     10    border: 1px solid;
     11  }
     12  #myHeightChanges {
     13    width: 100px;
     14    height: 100px;
     15    background: green;
     16  }
     17 </style>
     18 <div style="display:flex; flex-direction:column">
     19  <div style="height:auto">
     20    <div id="myHeightChanges"></div>
     21  </div>
     22 </div>
     23 <script>
     24 onload = function() {
     25  window.unused = myHeightChanges.offsetTop;
     26  myHeightChanges.style.height = "200px";
     27 }
     28 </script>