Ionic app not showing view properly in iOS 9.3.4


#1

Hi all. I’m facing issue in my ionic app view in Page for iOS version. Please noticed that the android version work like charm.
I have 4 reports but it’s show 2
Here is my view problem in image…

Here my code page view

ion-list>
      <ion-item *ngFor="let rp of reports" text-wrap>
        <ion-row class="report" [ngClass]="rp.isDownloaded ? 'downloaded' : ''">
          <ion-col col-9 (click)="openOrDownloadFile(rp)">
            {{rp.Titre}}
            <span [hidden]="!checkDownloading(rp)">
                <br /><ion-spinner icon="dots"></ion-spinner>
            </span>
          </ion-col>
          <ion-col col-3 class="dateReport" text-right>
            <span class="small">{{rp.DatePub| date: 'dd/MM/yyyy'}}</span><br>
            <span class="small">{{rp.DatePub| date: 'H:mm'}} GMT</span>
            <div [hidden]="!checkDownloading(rp)" text-center>
                <ion-icon ios="ios-close-circle" md="md-close-circle" (click)="abordDownloadFile(rp)" class="i-2x"></ion-icon>
            </div>
          </ion-col>
        </ion-row>
      </ion-item>
    </ion-list>

In my page.ts here part of code

getAlerteReports(refresherManuel?){
    if(this.isOnline) {
      this.getEmptyReports = false;
      this.ServiceWebApp.getAlerteReports(this.UserConnected.IdClient)
      .subscribe(reports => {
        //this.reports = reports.json();

I get console.log(this.reports) in my component and all reports are getting with success

Don't forget that my view rendered properly in android version. Only iOS version has issue.

Here my environment

cli packages: (/usr/local/lib/node_modules)

    @ionic/cli-utils  : 1.18.0
    ionic (Ionic CLI) : 3.18.0

global packages:

    cordova (Cordova CLI) : 7.1.0

local packages:

    @ionic/app-scripts : 3.1.2
    Cordova Platforms  : ios 4.4.0
    Ionic Framework    : ionic-angular 3.9.2

System:

    ios-deploy : 1.9.2
    Node       : v8.9.1
    npm        : 5.5.1
    OS         : macOS Sierra
    Xcode      : Xcode 9.1 Build version 9B55

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro

Thank for help


#2

Need help please !!!


#3

try running ionic serve in safari maybe that shows an error

I had sth similar in the past, it was because I didn’t used sanitized style values in my code.