Close Modal overlay bug?

Question

I've got a modal with a photo selector component. I have the overlay library declared in the component contained in the modal:

<lightning:overlayLibrary aura:id="photoSelector"/>

There is a button group at the bottom: Cancel calls one line of code (and it works fine):

component.find("photoSelector").notifyClose();

That closes the modal.

The other button, Send, fires an application event (which is working), and then uses the same line of code to close the modal:

var File = component.get("v.File");
console.log("handleSendPic function called for: "+ File.Title);
var sendPic = $A.get("e.c:SendPic");
sendPic.setParams({ "File" : File }).fire();
component.find("photoSelector").notifyClose();

The application event fires (and is received in another component), but the last line doesn't execute and the modal stays open.

If I comment out the application event code, then the notifyClose() works. If I put the notifyClose() line first, it works, but the modal closes before the application event can fire.

I haven't had this issue with modals before. Am I missing something obvious?

Answer 1

Found it. No bug in the code I shared.

The issue was a bug in the method that received the event, unrelated to catching the event. After pulling the data from the event, later in the method I referred to a variable that was null, so that method couldn't complete execution.

When I fixed that bug, the modal behavior cleared up.

I'm a bit surprised by this behavior. My understanding of firing events is that once they're fired, that component forgets about it and moves on. This behavior would suggest that it doesn't move on until the cascade of logic that results from the event has completed.