I have a page with the following structure:
<ion-header>
<ion-toolbar>
....
</ion-toolbar>
<ion-segment value="{{someVar}}" (ionChange)="onChange($event)">
<ion-segment-button [value]="item.id" *ngFor="let item of items">
{{item.description}}
</ion-segment-button>
</ion-segment>
</ion-header>
<ion-content>
...
</ion-content>
On iOS, the first time I access the page, the ion-segment component is rendered but disappears shortly thereafter. The second time I access the page, the component remains visible. On android works normally. Has anyone ever experienced this?
Ionic Info:
Ionic CLI : 5.2.5 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 5.2.3
@angular-devkit/build-angular : 0.803.28
@angular-devkit/schematics : 8.1.3
@angular/cli : 8.3.28
@ionic/angular-toolkit : 2.2.0
Cordova:
Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : none
Cordova Plugins : cordova-plugin-ionic-keyboard 2.2.0, cordova-plugin-ionic-webview 4.1.2, (and 30 other plugins)
Utility:
cordova-res : 0.8.1 (update available: 0.15.2)
native-run : 0.2.8 (update available: 1.2.2)
System:
ios-sim : 8.0.2
NodeJS : v10.16.3 (/usr/local/bin/node)
npm : 6.11.1
OS : macOS Catalina
Xcode : Xcode 11.4.1 Build version 11E503a