min-width-in-flex.html (521B)
1 <!DOCTYPE HTML> 2 <link rel="match" href="min-width-in-flex-ref.html"> 3 <style> 4 5 select, select::picker(select) { 6 appearance: base-select; 7 } 8 9 select { 10 white-space: nowrap; 11 } 12 13 </style> 14 15 <div style="display:flex; flex-direction: row; width: 400px"> 16 <select style="align-self: flex-start"> 17 <option>This is an option</option> 18 </select> 19 <div style="color: transparent"> 20 This div has a lot of text in it but it should not make the select become smaller. 21 A lot of text. Really a lot of text. 22 </div> 23 </div>