iOS 11 ionic v1 footer bar SVG rendering problem


Has anyone reached this issue in the GM of iOS 11 where if you use SVGs on the bottom bar, they do not render until the page is repainted.

In fact, all SVG files are not rendered until something is painted or you change some prop to force a refresh.

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

@ionic/cli-utils  : 1.9.2
ionic (Ionic CLI) : 3.9.2

global packages:

Cordova CLI : 7.0.1 

local packages:

Cordova Platforms : android 6.2.0-dev ios 4.3.1
Ionic Framework   : ionic1 1.2.4


Android SDK Tools : 25.2.3
ios-deploy        : 1.9.0 
Node              : v6.9.1
npm               : 3.10.8 
OS                : macOS Sierra
Xcode             : Xcode 8.3.3 Build version 8E3004b

We had this problem recently and we upgraded from UIWebView to WKWebView. It seems to have resolved our problem.

I upgraded to WKWebView and still seem to have this issue. It doesn’t happen all the time, only on launch sometimes.