don't capture click events

[ile]

I think non-capturing would work better than capturing click events?

If I have something like this: <a href="" on-click="doSomething($event)">....</a> and in doSomething I prevent the default, it will be too late because the url is already changed (in History.js).

Also #19

[zmillman]

I was banging my head against a click propagation problem, and this was the problem.

Because the capturing phase occurs before the bubbling phase (https://www.w3.org/TR/DOM-Level-3-Events/#event-flow), any on-click handlers for children of an <a> never get a chance to prevent the tracks listener from updating the history.

I would expect something like this to work:

<index:>
  <a href="/link-to-profile">
    Jared <span on-click="openPreviewPopup($event)">(preview)</span>
  </a>

MyComponent.prototype.openPreviewPopup = function(e) {
 e.preventDefault() // prevent browser history from changing
 // open popup
}

The only workaround I know right now is to remove the href from the <a> tag and replace it with an on-click handler that pushes the intended URL to the history.

[balek]

A little improvement: you can leave href and add data-router-ignore attribute on the <a> tag