Blur event on ion-input is not fired

[xkjyeah]

<ion-input type="text" (blur)="eventHandler()"> does not fire the eventHandler on blur.

Blur and other events should be bubbled to the parent container to allow for more complex interactions

[adamdbradley]

Is this in Ionic1 or Ionic2?

[xkjyeah]

Ionic2.
On Feb 18, 2016 23:09, "Adam Bradley" notifications@github.com wrote:

Is this in Ionic1 or Ionic2?

—
Reply to this email directly or view it on GitHub
#5487 (comment).

[prolink007]

Here is a current work around for "blur".

Use "focusout" or "mouseleave". Those are both working.

[brandyscarney]

So the reason these events aren't working for ion-input is because the blur and focus events do not bubble up from the native input, see: blur & focus.

We are now emitting these events from the ion-input. This should be fixed in the next release (beta.4), thanks!

[Gp2mv3]

Are you sure this issue is closed ? I have the same bug in 2.1.0.

This line doesn't fire the function:
<ion-input type="datetime-local" formControlName="begin" (blur)="updateEndDate($event)"></ion-input>

But this one does:
<ion-input type="datetime-local" formControlName="begin" (focusout)="updateEndDate($event)"></ion-input>

Tested on Chrome.

[brandyscarney]

@Gp2mv3 I'm not seeing any issues using either type="text" or type="datetime-local". Could you see if changing the type does anything? What element are you clicking on to blur to it?

[sharonswli]

@brandyscarney I'm using ionic-angular 3.5.0, and can confirm that neither (blur) nor (focus) events are fired properly still.

(focusout) does work though, even the docs state clearly that (blur) and (focus) are the appropriate events.

What worked for me:
<ion-input type="text" formControlName="answer" (focusout)="onBlur()"></ion-input>