Full-screen overlay container doesn't work when fullscreen element is within an overlay

Bug, feature request, or proposal:

I believe this might be a bug.
In this example I try to load a snackbar into a container using the viewContainerRef config. https://stackblitz.com/edit/angular-material-tooltip-in-container

What is the expected behavior?

The snackbar should align itself to the viewContainerRef that is provided.

What is the current behavior?

But the _createOverlay function does not look at this config and always creates the overlay using the GlobalPositionStrategy instead of ConnectedPositionStrategy.

There could be another root cause, and if there is please let me know.

What are the steps to reproduce?

I have provided a stackblitz above.

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

There is a hand full of times i would like to load the snackbar in a container.
One in particular is the div has been maximized to full screen (so the window is not visible).
Therefore the snackbar is not visible.

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

latest.

[tmburnell]

@manandkumaar this was the solution i used: https://github.com/angular/components/issues/10679#issuecomment-379029872

I might lock you into a version (where you would have to update it with angular) … but this was the only answer i had.

[manandkumaar]

@tmburnell Thanks for reporting this issue.

I too facing this issue. We have map in modal component. Dropdown list is not visible when Full-Screen is enable on map.

Any workaround is highly appreciated.

Thanks.