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>