ionBlur event triggered on focus of an element

Ionic Framework ionic-v3
1

As per the javascript documentation
The blur event occurs when an element loses focus and
The focus event occurs when an element gets focus (when selected by a mouse click or by “tab-navigating” to it).
but for the below code snippet when the element gets focus it is triggering blur event

<li *ngFor="let item of inviteList;let i=index">
    <span class="league-input">
        <ion-input type="text" id="invitee{{i}}" [(ngModel)]="item.value" (ionBlur)="checkInvitee(item.value, i)" placeholder="Enter your friend’s email"></ion-input>
    </span>
</li>