Events on foreach bound elements do not register correctly

[Olverine]

The problem

Event bindings do not seem to register on an element that also has a foreach binding. It does however work on child elements.
For example:

<div class="wifi-select">
  <div class="wifi-option" wifi-vm-foreach="$vm.networks" wifi-vm-event-bind="click::ssidUpdate($item.ssid)">
    <div style="width: 32px" wifi-vm-content-bind="$vm.wifiIcons[$item.strength]"></div>
    <div wifi-vm-content-bind="$item.ssid"></div>
    <div wifi-vm-content-bind="$item.private ? '&#128274;' : '&#128275;'"></div>
  </div>
</div>

The ssidUpdate event never gets fired since it is on the same element that is foreach bound.

Possible workaround

Put the binding on a child element.
For example:

<div class="wifi-select">
  <div class="wifi-option" wifi-vm-foreach="$vm.networks">
    <div wifi-vm-event-bind="click::ssidUpdate($item.ssid)">
      <div style="width: 32px" wifi-vm-content-bind="$vm.wifiIcons[$item.strength]"></div>
      <div wifi-vm-content-bind="$item.ssid"></div>
      <div wifi-vm-content-bind="$item.private ? '&#128274;' : '&#128275;'"></div>
    </div>
  </div>
</div>