Delegate not working on DOM event

[JeroenVinke]

When raising a DOM event like this:

import {inject} from 'aurelia-framework';

@inject(Element)
export class Foo {

  constructor(element) {
    this.element = element;
  }

  attached(){
    let event = new CustomEvent('test', { 'detail': {a: 'b'}});
    this.element.dispatchEvent(event);
  }
}

it can't be registered to with a delegate it seems:

  <foo test.delegate="thisDoesNotGetCalled()"></foo>

plunker: http://plnkr.co/edit/xiu4Cp8DxY7Wqjtki9LG?p=preview

Is this expected?

[JeroenVinke]

Trigger is working fine by the way, just wonder if delegate should work also

[EisenbergEffect]

You will need to specify that your custom event bubbles.

[EisenbergEffect]

Add bubbles: true to your options that you are passing to the CustomEvent ctor.

[JeroenVinke]

Ah, yes, having it bubble fixed the problem. :+1: