tor-browser

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

min-height-in-flex.html (854B)


      1 <!DOCTYPE HTML>
      2 <link rel="match" href="min-height-in-flex-ref.html">
      3 <style>
      4 
      5 select, select::picker(select) {
      6  appearance: base-select;
      7 }
      8 select::picker-icon {
      9  font-size: 60px;
     10 }
     11 
     12 </style>
     13 
     14 <div style="display:flex; flex-direction: column; align-items: flex-start; height: 100px;">
     15  <select>
     16    <option>Option</option>
     17  </select>
     18  <div style="color: transparent">
     19    This div has a lot of text in it but it should not make the select become smaller.
     20    A lot of text.  Really a lot of text.
     21    A lot of text.  Really a lot of text.
     22    A lot of text.  Really a lot of text.
     23    A lot of text.  Really a lot of text.
     24    A lot of text.  Really a lot of text.
     25    A lot of text.  Really a lot of text.
     26    A lot of text.  Really a lot of text.
     27    A lot of text.  Really a lot of text.
     28    A lot of text.  Really a lot of text.
     29  </div>
     30 </div>