Open Panimaster opened 4 years ago
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>
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:
Code without Tabs component: