Intermittent Rendering issue with icons

[lbwexler]

Reported by a client recently, but also seen intermittently over the past few months by many team members

See FortAwesome/Font-Awesome#17644

[lbwexler]

From ATM:

FWIW we do have in our static HTML that serves up the CSS/JS, but looking at the compiled CSS files for e.g. toolbox some have @charset "UTF-8"; at the top and others don’t - not really sure where that comes from (or fails to come from)

Also - are those blueprint checkboxes that are getting corrupted? Probably so - our use of FA creates inline SVGs for each icon - but I bet the BP icons are using the same approach as the FA bug report

[lbwexler]

Client reporting had:

"dependencies": {
"@xh/hoist": "42.6.0",
},
"devDependencies": {
"@xh/hoist-dev-utils": "5.9.3",

}

[amcclain]

Requested client try nginx directive like so:

xh/toolbox@14720ca

to ensure CSS served up with utf-8 charset. If this a) does not cause any other problems and ideally b) results in this problem going away, we can bake into our base image. (https://github.com/xh/xh-nginx)

[amcclain]

@cnrudd - we just heard back from the client that they will give this a try - could you please keep this on your radar and check back with them in a week or so if we don't hear back one way or another first?

[cnrudd]

@amcclain I have added a note in my calendar to reach out to them next Wednesday.

[amcclain]

I'll bake this into our base image here - still waiting to get confirm from client if they see it again, but if safe it's best to have it built in.

[amcclain]