title: Angular 2 - Issues using $event.srcElement on firefox
body: <p>I've many parts of my code that's uses @event.srcElement, for example...</p>
  
  <pre><code>&lt;label&gt;&lt;input (change)="setCompare($event.srcElement.checked,item.id, item.name, item.capacity, item.photoId,item.occupiers[0])" type="checkbox"&gt;Compare availability&lt;/label&gt;
  </code></pre>
  
  <p>Works fine on Chrome, but using FF it's throws: </p>
  
  <p>Error: </p>
  
  <blockquote>
    <p>EXCEPTION: Error in app/templates/results.html:35:22 ORIGINAL
    EXCEPTION: TypeError: event.srcElement is undefined ORIGINAL
    STACKTRACE:
    ResultsComponent.prototype.onScroll@<a href="http://localhost:3002/app/components/results/results.component.js:124:9" rel="nofollow noreferrer">http://localhost:3002/app/components/results/results.component.js:124:9</a>
    anonymous/_View_ResultsComponent0.prototype._handle_scroll_13_0@ResultsComponent.template.js:268:15
    DebugAppView.prototype.eventHandler/&lt;@<a href="http://localhost:3002/node_modules/@angular/core/src/linker/view.js:316:24" rel="nofollow noreferrer">http://localhost:3002/node_modules/@angular/core/src/linker/view.js:316:24</a>
    decoratePreventDefault/&lt;@<a href="http://localhost:3002/node_modules/@angular/platform-browser/src/dom/dom_renderer.js:278:36" rel="nofollow noreferrer">http://localhost:3002/node_modules/@angular/platform-browser/src/dom/dom_renderer.js:278:36</a>
    DomEventsPlugin.prototype.addEventListener/outsideHandler/&lt;@<a href="http://localhost:3002/node_modules/@angular/platform-browser/src/dom/events/dom_events.js:20:93" rel="nofollow noreferrer">http://localhost:3002/node_modules/@angular/platform-browser/src/dom/events/dom_events.js:20:93</a>
    Zonehttp://localhost:3002/node_modules/zone.js/dist/zone.js:323:20
    NgZoneImpl/this.inner&lt;.onInvoke@<a href="http://localhost:3002/node_modules/@angular/core/src/zone/ng_zone_impl.js:45:32" rel="nofollow noreferrer">http://localhost:3002/node_modules/@angular/core/src/zone/ng_zone_impl.js:45:32</a>
    Zonehttp://localhost:3002/node_modules/zone.js/dist/zone.js:322:20
    Zonehttp://localhost:3002/node_modules/zone.js/dist/zone.js:230:29
    NgZoneImpl.prototype.runInnerGuarded@<a href="http://localhost:3002/node_modules/@angular/core/src/zone/ng_zone_impl.js:78:67" rel="nofollow noreferrer">http://localhost:3002/node_modules/@angular/core/src/zone/ng_zone_impl.js:78:67</a>
    NgZone.prototype.runGuarded@<a href="http://localhost:3002/node_modules/@angular/core/src/zone/ng_zone.js:228:58" rel="nofollow noreferrer">http://localhost:3002/node_modules/@angular/core/src/zone/ng_zone.js:228:58</a>
    DomEventsPlugin.prototype.addEventListener/outsideHandler@<a href="http://localhost:3002/node_modules/@angular/platform-browser/src/dom/events/dom_events.js:20:56" rel="nofollow noreferrer">http://localhost:3002/node_modules/@angular/platform-browser/src/dom/events/dom_events.js:20:56</a>
    Zonehttp://localhost:3002/node_modules/zone.js/dist/zone.js:356:24
    Zonehttp://localhost:3002/node_modules/zone.js/dist/zone.js:256:29
    ZoneTask/this.invoke@<a href="http://localhost:3002/node_modules/zone.js/dist/zone.js:423:29" rel="nofollow noreferrer">http://localhost:3002/node_modules/zone.js/dist/zone.js:423:29</a></p>
  </blockquote>
  
  <p>Any suggestions about how to fix it - or: Replace $event.srcElemento with something more browser agnostic ?</p>