title: JavaScript + addEventListener 'click' ignored on select html object
body: <p>I've added an eventListener on the document in hopes to hide myWidget whenever anything within the document is clicked (except for the widget of course).</p>
  
  <pre><code>myWidget.addEventListener('click', function (e) {
      e.stopPropagation(); 
  }, false);
  
  document.addEventListener('click', function (e) {
      myWidget.style.display = 'none';
      console.log(e.target);
  });
  </code></pre>
  
  <p>Now this seems to work on everything but select html objects.  Selecting a select box shows the select content, but the widget is not hidden and the console.log never fires.  Any reason why? </p>