How to stop the inner action from bubbling to the outer link-to helper?
<p><strong>When</strong> clicking the "edit" to trigger the action "edit":</p>

<pre><code>  {{#link-to "pages.show" page class="list-group-item"}}
    {{page.name}}
    &lt;span class="badge" {{action "edit" page preventDefault=false}}&gt;edit&lt;/span&gt;
  {{/link-to}}
</code></pre>

<p><strong>Then</strong> the action is triggered (e.g. the edit page is opened), but in the next second the link-to redirect is done so I end up on the "pages.show" route.</p>

<p><strong>Expected</strong>: Solely the action "edit" is invoked and the click event(?) is not "bubbled" to the link-to helper.</p>

<p><strong>Side notes</strong> Ember 2.2 is used and the template above is part of a component.</p>

<p>PS: I red that using <em>preventDefault=false</em> inside an action would stop this type of behavior - but obviously the link-to helper gets the information from somewhere else.</p>