title: Antd word-wrap in Select
body: <p>I have a <a href="https://ant.design/components/select/" rel="nofollow noreferrer">Select</a> component and a Option children that needs to fit with all its text in a given width. If the Option text goes over the defined width it should be wrapped.</p>
  <p>So far I am trying to style the Select Component like the following but without success:</p>
  <pre><code> &lt;Select style={{ width: 250, height: &quot;auto&quot;, wordWrap: &quot;break-word&quot; }} /&gt;
  </code></pre>
  <p>Below I have a link sandbox of what I am trying to achieve</p>
  <p><a href="https://codesandbox.io/s/search-with-sort-antd-4-16-13-forked-8fhnt?file=/index.js" rel="nofollow noreferrer">https://codesandbox.io/s/search-with-sort-antd-4-16-13-forked-8fhnt?file=/index.js</a></p>
  <p>Is text wrapping possible using a Select component?</p>