Iframe postMessage() не работает в обработчике выгрузки родительского окна

#iframe #addeventlistener #postmessage #onunload

Вопрос:

Я пытаюсь отправить почтовое сообщение в дочерний фрейм при выгрузке родительского окна, я не получаю никаких ошибок при отправке почтового сообщения, но дочерний фрейм не получает сообщение

Примечание : Iframe и родительское окно имеют разные имена хостов и номера портов

Родительский компонент

 @HostListener('window:unload', ['$event'])
unloadHandler(event){
    let IFramewindow: any;  
    IFramewindow = document.getElementById('iframeid') as HTMLIFrameElement;
    console.log("iframe", IFramewindow);    
    if (IFramewindow != null) {
      IFramewindow.contentWindow.postMessage(this.mepAppIFrameModel, IFramewindow.src);
      console.log("postmsg done");
    }
  
}
 

Компонент Iframe

 window.addEventListener(
                'message',
                this.receiveData.bind(this),
                false
            );

 

receiveData(event) {
        
        console.log('receiveData', event);    
        if (event.data !== undefined) {
            this.dataReceived = event.data;}}
 

Любая зацепка или помощь будут высоко оценены
P.S. — это мой первый вопрос о stackoverflow. надеюсь, что кто-то еще также получит помощь от этого 🙂