Map size in Tabs Component too large on IOS

[Panimaster]

TNS Version 6.7.4 Angular 8.2.14

On IOS devices (specifically on IOS devices with safe areas) the map size is different when used within a Tabs component which leads to a partly cropped Google logo.

Code with Tabs component:

<Tabs iosOverflowSafeArea="true" (loaded)="modalLoaded($event)">
    <TabContentItem iosOverflowSafeArea="true">
        <GridLayout iosOverflowSafeArea="true">
            <ng-container *ngIf="mapVisible">
                <MapView row="0" iosOverflowSafeArea="false" (touch)="onMapTouch($event)"
                    (mapReady)="onMapReady($event)" (cameraChanged)="onCameraChanged($event)">
                </MapView>
            </ng-container>
        </GridLayout>
    </TabContentItem>
</Tabs>

Code without Tabs component:

<GridLayout (loaded)="modalLoaded($event)"  iosOverflowSafeArea="true">
    <ng-container *ngIf="mapVisible">
        <MapView row="0" iosOverflowSafeArea="false" (touch)="onMapTouch($event)"
            (mapReady)="onMapReady($event)" (cameraChanged)="onCameraChanged($event)">
        </MapView>
    </ng-container>
</GridLayout>