Timing error with overlay

[shanegilbert]

Bug, feature request, or proposal:

I get the following error when using Overlay only when my data is returned from cache instead of pulled from the API.

TypeError: Cannot read property 'style' of null
at GlobalPositionStrategy.apply

This appears to come from line 159 in
https://github.com/angular/material2/blob/master/src/cdk/overlay/position/global-position-strategy.ts

What is the expected behavior?

No error

What is the current behavior?

The error occurs

What are the steps to reproduce?

Providing a StackBlitz/Plunker (or similar) is the best way to get the team to see your issue.

Plunker starter (using on @master): https://goo.gl/uDmqyY

StackBlitz starter (using latest npm release): https://goo.gl/wwnhMV

https://stackblitz.com/edit/angular-ow2o5c

What is the use-case or motivation for changing an existing behavior?

It appears to be a timing related issue. I am attempting to create a waiting indicator service using the overlay components and the mat-spinner

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Angular 5.0.1
Material/cdk 5.0.0.rc.2
Typescript 2.5.3

Is there anything else we should know?

[shanegilbert]

One more thing. If you wrap the call to overlayRef.dispose() in the hide() method inside of a setTimeout({}, 0) then the error goes away.

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}