IOS Issue with Icons displaying alt text upon app close/reopen

I have deployed a FW7 app inside cordova to IOS device. Upon initial load the application displays properly. When I minimize the app, not kill, and reopen again some of the FW7 icons display the alternate text only and not the icon. For example the Chevron left icon will display text “chevron_left_ios” as shown below. Any ideas what could cause this? Cordova for Android with this app does not have any issues with the icons rendering.

Screen Shot 2020-08-07 at 3.14.28 PM

I have seen such strange issues before within the simulator. Did you try it on a real device? The issue might not appear.

Yes it’s both in simulator and on the physical device. Android devices do not have this issue.

add this font-src ‘self’ data:; and work.

<meta http-equiv="Content-Security-Policy" content="default-src *;
                                                        font-src 'self' data:;
                                                        style-src 'self' 'unsafe-inline'; 
                                                        
1 Like

I added another tag as follows in addition to what I had that was included with the FW Kitchen Sink project but the result is the same. Am I not formatting it correctly?

  <meta http-equiv="Content-Security-Policy" content="default-src * 'self' 'unsafe-inline' 'unsafe-eval' data: gap:">
  <meta http-equiv="Content-Security-Policy" content="default-src *;
                                                        font-src 'self' data:;">
                                                        style-src 'self' 'unsafe-inline';">

No error in console?

I can’t test in iPhone, in Android works my solution.

Here’s a guide to CSP https://content-security-policy.com/

1 Like

I would assume that if it was a CSP problem, the font wouldn’t show as well at initial load. Maybe it is some sort of native caching/cleanup problem on app resume. Does the XCode console show any error if you close the app and resume it?

2 Likes

Just an update on this, the cordova plugin to clear the cache is not working, nor is setting the Content_Type security policy in the head tag. It is completely random on both an emulator and a physical device.