title: Button inner span not registering click
body: <p>I have a simple button with a span inside it with some boostrap icon as its class. 
  Nothing serious. </p>
  
  <pre><code>&lt;button ng-click="ctrl.toggleMenuDropDown()" class="  cornerMenuButton menuButton"&gt;
                      &lt;span class="fa fa-reorder"&gt;&lt;/span&gt;
                      Menu
  &lt;/button&gt;
  </code></pre>
  
  <p>The problem is that the span part does not register the click. When I click on the rendered button where the icon is, the click is not registered. And I don't know why, or what might be causing that. </p>
  
  <p>But when I add stop propagation to the button it all works fine. Like so: </p>
  
  <pre><code>&lt;button ng-click="ctrl.toggleMenuDropDown(); $event.stopPropagation()" class="  cornerMenuButton menuButton"&gt;
                      &lt;span class="fa fa-reorder"&gt;&lt;/span&gt;
                      Menu
  &lt;/button&gt; 
  </code></pre>
  
  <p>It works fine. Why is that? </p>