title: React-select - can't stopPropagation on valueRenderer component
body: <p>I am trying to display a popover on click over a react-select selected value element as follow : 
  <a href="https://i.stack.imgur.com/we6JW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/we6JW.png" alt="expected result"></a></p>
  
  <p>My issue happens when I click on the popover trigger, the dropdown opens and the popover too... I just want to open the popover, I tried <code>e.nativeElement.stopPropagation</code>, <code>e.stopPropagation</code>, <code>e.preventDefault</code> and so on without success. Here is a sandbox If you want to know how I did this and how to reproduce the issue.</p>
  
  <p><a href="https://codesandbox.io/s/pjv7vmlv3j" rel="nofollow noreferrer">https://codesandbox.io/s/pjv7vmlv3j</a></p>
  
  <p>Thanks for you help</p>