title: How do I constrain a <select> to its parent div's width?
body: <p>My webpage has a <code>&lt;select&gt;</code> menu within a <code>&lt;div&gt;</code> parent. If the menu contains a very wide item, it overflows its parent's width (when closed). How do I truncate it instead?</p>
  
  <p>I tried <code>flex-shrink: 1</code> but nothing happened. Am I using it correctly? Do I apply it to the <code>&lt;select&gt;</code> or the wide <code>&lt;option&gt;</code>? Or something else?</p>