title: Knockout js: unable to open a mailto page from a link in databind inside a foreach databind click event
body: <p>I have a list of messages where I bind the template of these message into a click event then inside of this template I have a hyperlink bind to js function that should open a mailto page.</p>
  <p>But clicking this link doesn't open the page although the js function executes and if I right click &quot;go to this address&quot; it works. I tried many KO methods as &quot;clickBubble: false&quot; the &quot;controlsDescendantBindings&quot; flag set to true, &quot;e.stopImmediatePropagation()&quot;. But all failed!</p>
  <p>Here is a part of my code:</p>
  <p>(the Partial View)</p>
  <pre><code>&lt;div data-bind=&quot;template: { name: 'messageTemplate', foreach: OldMessageCollection}&quot;&gt;
  ...    
  &lt;/div&gt;
  </code></pre>
  <p>(the template: messageTemplate)</p>
  <pre><code>&lt;div class=&quot;message_listed&quot; data-bind=&quot;click: $root.GetSelectedMessage&quot;&gt;
  ...
  &lt;ul class=&quot;actions_list&quot;&gt;
  &lt;li&gt;&lt;a data-bind=&quot;attr: { href: $root.mailToLink(ReplyTo())}&quot;&gt;&lt;/a&gt;&lt;/li&gt;
  ...
  &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  <p>ReplyTo() is an observable in KO and OldMessageCollection is observableArray.</p>