bug(mat-tab-group): inner div cannot cover 100% of viewport, on iphone

#### Reproduction

Use StackBlitz to reproduce your issue: https://stackblitz.com/fork/components-issue
StackBlitz to reproduce:
https://stackblitz.com/edit/components-issue-dssxxk
or
https://stackblitz.com/edit/angular-3qr9lv

Attention - this will reproduce only on iOS (e.g. iPhone) with both Chrome and Safari.
On Android it works perfectly.
On computer with Chrome and F12 on - it works perfectly.

Steps to reproduce:
1. Create mat-tab-group with few mat-tab children.
2. Inside one of the children, set a div with 100% height, 100% width, fixed position, with top, right equal to zero and a high z-index. Also, set it with a background-color (e.g. blue) to easily reproduce the behavior.


#### Expected Behavior

What behavior were you expecting to see?
The created div should cover ALL viewport (top to bottom, right to left), including the mat-tab, mat-tab-group and any other components on the HTML page (e.g. navbar etc.)
In other words - all screen will be blue.

#### Actual Behavior

What behavior did you actually see?
The created div covers the entire page, but you cannot see it, although it has a blue background, the blue color appears only within the mat-tab. above the mat-tab it doesn't show the blue background, yet it covers the elements (e.g. if you have a button above the mat-tab-group, you cannot click it)

#### Environment

- Angular: 8
- CDK/Material: 8
- Browser(s): chrome, safari
- Operating System (e.g. Windows, macOS, Ubuntu): iOS

Bắt đầu với các bản tái hiện StackBlitz được liên kết và chạy chúng trên iOS trong cả Chrome lẫn Safari, sau đó so sánh hành vi của mat-tab-group với Android hoặc desktop. Truy vết bố cục và vị trí của mat-tab-group liên quan đến div bên trong bao phủ viewport. Được xem là hoàn tất khi div bao phủ rõ ràng toàn bộ viewport, bao gồm cả nội dung bên ngoài nhóm tab, mà không thay đổi hành vi đã nêu trên các nền tảng khác.

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