Ion-content background image flashing on newer iphones

[wekas]

This seems to be the fix:

[iOS] [Ionic 5] [Angular 9] Page is flickering

Both Github issues have been locked so it’s not possible to add this comment there, but anyways… Just in case if this could help some other devs, another option is to use CSS Shadow Parts since the content exposes the background in that way. ion-content { // Workaround for issue related to css varialbes // being recalculated with DOM changes // https://github.com/ionic-team/ionic-framework/issues/17494 // https://github.com/ionic-team/ionic-framework/issues/16678 &::part(background) …

ion-content {
  // Workaround for issue related to css varialbes
  // being recalculated with DOM changes
  // https://github.com/ionic-team/ionic-framework/issues/17494
  // https://github.com/ionic-team/ionic-framework/issues/16678
  &::part(background) {
    background: url('...') no-repeat center center / cover;
  }

  ...
  ...
}