title: Prevent select from closing after choosing a value
body: <p>I have created a custom dropdown menu in Javascript React using the <code>react-select</code> component. By using the <code>optionComponent</code> prop I was able to render each option with a checkbox (see image). My problem is now that once you click any checkbox the select options close which is not a very good user experience. </p>
  
  <p>Image:</p>
  
  <p><a href="https://i.stack.imgur.com/PxzNW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PxzNW.png" alt="enter image description here"></a></p>
  
  <p>Therefore my question is if there is any way of preventing the drop-down from closing until the user clicks the arrow in the right-hand side of the select to make it possible to tick and untick any number of check boxes before closing down the options.</p>