Page is flickering if the ion-content is set with background image

Bug Report

Ionic version: 4.0.0

Current behavior: If a page has background image set to ion-content, then while navigating to that page is flickering.

Expected behavior: Flickering should not happen.

Steps to reproduce: Create a page with ion-content set with background-image like below -

ion-content { --background: url('./../../../assets/images/ica-slidebox-img-1.png') no-repeat 50% 10%; }

Ionic info:

Ionic:

   ionic (Ionic CLI)             : 4.9.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.0.0
   @angular-devkit/build-angular : 0.12.1
   @angular-devkit/schematics    : 7.2.1
   @angular/cli                  : 7.2.3
   @ionic/angular-toolkit        : 1.2.1

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.2.0, (and 8 other plugins)

System:

   ios-deploy : 1.9.4
   ios-sim    : 7.0.0
   NodeJS     : v10.15.0 (/usr/local/bin/node)
   npm        : 6.5.0
   OS         : macOS Mojave
   Xcode      : Xcode 10.1 Build version 10B61

NOTE: We have tried with 4.0.1 release as well and it’s the same!

[liamdebeasi]

Linking similar issue: https://github.com/ionic-team/ionic/issues/17728

[EnzoDLP]

Any update on this issue ? I have the same problem