title: stopPropagation not preventing bubbling with Bootstrap popover
body: <p>I am attempting to prevent clicks on a React Bootstrap popover from bubbling up and triggering the <code>onClick</code> handler on a parent element. Using the standard <code>event.stopPropagation()</code> does not, in fact, stop propagation, nor does its native counterpart:</p>
  
  <p><a href="http://jsbin.com/gavage/edit?js,output" rel="nofollow" title="Please see the reduced test case on JSBin.">Please see the working reduced test case on JSBin.</a></p>
  
  <p>My current approach (within the parent's <code>onClick</code> event) is to check if the target element is inside the popover's DOM tree (using <a href="https://api.jquery.com/has/" rel="nofollow">jQuery.has</a> for convenience):</p>
  
  <pre><code>function onParentClicked(e) {
      if (!$(this.refs.parentElement).has(e.target)) {
          // click did NOT originate from popover
      }
  }
  </code></pre>
  
  <p>This approach mostly works, but seems like a hacky workaround for simply using <code>stopPropagation</code> in the child's <code>onClick</code> handler.</p>
  
  <p>Is this possibly a React Bootstrap bug? Or am I missing something in how I should be handling this logic?</p>