Modal opened promise resolves before modal is added to DOM

[jogjayr]

Steps to repro:

Open a modal using the code below -

$modal.open({
  templateUrl: '<some_url>',
  backdrop: 'static',
  windowClass: 'myCustomModalContainerClass'
}).opened.then(function() {
  angular.element('.reveal-modal-bg').addClass('myCustomModalBg');
});

Expected:

• angular.element('.reveal-modal-bg') should refer to the modal bg
• Modal should appear before the opened promise resolves
• 'myCustomModalBg' should be added as a class to it

Actual:

• angular.element('.reveal-modal-bg') === []
• Modal hasn't appeared when the opened promise resolves
• Custom class isn't added

[DmytroYeremieiev]

I expected the same issue, circumvent it by wrapping angular.element('.reveal-modal-bg').addClass('myCustomModalBg'); into setTimeout( ... , 0)