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.

Bắt đầu với bản tái hiện StackBlitz được liên kết và điểm vào `_createOverlay`. Theo dõi cách cấu hình `viewContainerRef` của snackbar được xử lý so với các chiến lược định vị toàn cục và được kết nối, sau đó xác minh rằng một snackbar hiển thị và được căn chỉnh bên trong một bộ chứa overlay toàn màn hình.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.