Modal + image = lag

Hi,

I am using a modal container with 4 images inside. When I open the modal, the modal slide correctly but the images are displayed only after the modal is 100% opened. The text are displayed during the slide, the image only at end.

I open the modal :

const modal = await this.modalController.create({
      component: StatusPage,
      componentProps: {
      }
    });
    return await modal.present();

In the modal the data (images + texts) are set before the modal is opened. I use them like this :

{{text }} ==> this text is immediately displayed

<ion-img style="height: 0.9em; width: 0.9em; display: inline-block; vertical-align: middle;" [src]="iconUrl" ></ion-img>. => this image is displayed only after the modal is 100% opened.

Do you know why I have this problem ?

1 post - 1 participant

Read full topic