title: Google Tag Manager click event not bubbling up to parent
body: <p>I'm setting up Google Tag Manager on a client's site and I'm having trouble getting click event tags to fire.</p>
  
  <p>I have the trigger set to fire on the button's CSS selector.</p>
  
  <p>The button itself has some child elements, including an svg icon. When the svg is clicked, the click is registered in the data layer, but the tag is not fired. The tag only fires when I select the button itself.</p>
  
  <p>I also tried removing event listeners in my own scripts that were attached to these buttons in case a <code>return false;</code> or <code>e.stopPropagation()</code> was blocking it, but this didn't change anything.</p>
  
  <p>I had the understanding that GTM listens for click events that bubble up to the document. If this is the case my tag should fire when a child is clicked, right? Or am I misunderstanding something?</p>
  
  <p>Alternatively, should I push the event to the dataLayer in my scripts rather than using a click trigger?</p>
  
  <p><a href="http://i.stack.imgur.com/vRMpK.png" rel="noreferrer">screenshots</a></p>
  
  <p><code>10 gtm.click</code> correctly fired the tag</p>
  
  <p><code>9 gtm.click</code> was the child svg that did not</p>
  
  <p>The last screenshot is the firing rule for my trigger.</p>