React-Select, Multi Select and Text Overflow
<p>I am using React-Select component with multi select. One of the problems I am facing is that if the user select 3 or 4 options the UI looks pretty bad because the text begins to overflow and that causes the component to grow either horizontally and vertically.</p>

<p>I want to have a behavior where the size of the component remains the same and if the user selects more options then it just shows "..." (ellipsis) rather than try to show the newly selected options.</p>

<p>The behavior I want is more inline with this component</p>

<p><a href="http://instructure-react.github.io/react-select-box/" rel="noreferrer">http://instructure-react.github.io/react-select-box/</a></p>

<p>See how it handles multi-select.</p>

<p>I don't want to swap out components now because we have done lots of testing with React-Select. </p>

<p>Can you give me some guide lines on how to achieve this without removing react-select.</p>