Detect the element that is receiving the focus on ionBlur

Ionic version: (check one with “x”) [ ] 1.x (For Ionic 1.x issues, please use https://github.com/ionic-team/ionic-v1) [ ] 2.x [] 3.x [X] 4.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.relatedTarget is null upon an ionBlur event

Expected behavior: $event.relatedTarget should contain the element that is receiving the focus upon an ionBlur event

Steps to reproduce:

Related code:

@Directive({
  selector: '[my-directive]',
  host: {
    //...
    '(ionBlur)': 'onBlur($event)'
  }
})
export class MyCustomDirective implements OnInit {
    //...
    onBlur($event) {
        console.log(event) // This logs a CustomEvent that contains information only about the element that losing the focus
        console.log(event.relatedTarget) // This logs undefined
    }
    //...
}

I am using this diective with an ion-input: <ion-input my-directive></ion-input>

[datawaslost]

I’ve encountered this same error (missing relatedTarget) in a simpler way, without any custom directive:

<ion-textarea (ionBlur)="onBlur($event)"></ion-textarea>

    onBlur(event) {
        console.log(event) // This logs a CustomEvent that contains information only about the element that losing the focus
        console.log(event.relatedTarget) // This logs undefined
    }

[ionitron-bot[bot]]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.