Custom events do not bubble up

[SekibOmazic]

Couldn't get custom event (ping) bubble up to the root component. DOM event (click) works just fine:
http://plnkr.co/edit/g6RNv5qMreVFKYcwvtOs?p=preview

Using alpha.25

[PatrickJS]

^ should be working for the custom event <grand-child (^ping)="onPing($event)" ></grand-child> :/

[SekibOmazic]

@gdi2290 By design? If so, should I close the issue? And is there a workaround?

[PatrickJS]

@SekibOmazic oh no sorry, this seems like a bug since it should be working

[vicb]

Dup of #1254 ?

[PatrickJS]

ah okay, if it's by design then it means you should create your own ping event to be sent up rather than delegate to a component's event. That makes sense since it's better decoupling but also confusing since it's not enforced with native events like ^click

[SekibOmazic]

@gdi2290 That seems very verbose. So every component in the chain would need to re-send event?
Like:
-parent (listen to ping)
-- child (listen to ping and resend the ping - even if not interested in)
---- grand child (emit ping event)

[PatrickJS]

@SekibOmazic I updated the example so it works. It's verbose I agree but it does make each component more loosely coupled but it forces it rather than allowing the developer to take advantage of ^

http://plnkr.co/edit/MYYuNm?p=preview

[SekibOmazic]

@gdi2290 OK thanks. This may by so by design but now we have 2 different behaviours:

• for native DOM events bubbling up works to the root element
• for custom events bubbling up works to parent only and an event has to be resent if you need it in ancestor

Not very intuitive IMHO.

[2fdevs]

+1 this needs to be reviewed I think.

@SekibOmazic as a workaround we're using CustomEvent(): https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Creating_and_triggering_events

Maybe a parameter (bubbles=true) when emitting the event could do the trick:

class TodoCmp {
  complete = new EventEmitter();

  onCompletedButton() {
    this.complete.next({bubbles: true});
  }
}

[ericmdantas]

It'd be definetely nice to have the ^ to work with custom events as well.