$event.target is unavailable from the (ionBlur) event

Ionic version: (check one with “x”) [ ] 1.x (For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1) [ ] 2.x [X] 3.x

I’m submitting a … (check one with “x”) [x] bug report [ ] feature request [ ] support request => Please do not submit support requests here, use one of these channels: https://forum.ionicframework.com/ or http://ionicworldwide.herokuapp.com/

Current behavior: $event.target is undefined since i have changed the (blur) deprecated event by (ionBlur) event in my template Expected behavior: $event.target property should be available

Steps to reproduce:

Related code:

<ion-input (blur)="onBlur($event)"></ion-input>

[KevinKelchen]

The event type change from blur to ionBlur for ion-input seems to have resulted in the $event value passed from the template changing from the native event object to an Ionic TextInput.

I still found a way to access the blur event target but it’s probably not the wisest approach.

Old way with blur:

<ion-input (blur)="onChange($event)">

onChange(event: FocusEvent) {
  const eventTarget = event.target;
}

New way with ionBlur:

<ion-input (ionBlur)="onChange($event)">

onChange(textInput: TextInput) {
  const eventTarget = textInput._native.nativeElement;
}

In the ionBlur scenario, the _native property is labeled with a @hidden comment and it’s excluded from the docs, so it’s probably not considered part of the public API contract.

Would appreciate guidance on a recommended way to access the blur event target! 😃

Thank you!

[jgw96]

Thanks for using Ionic, we will look into this.