ionBlur event triggered on focus of an element

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>