Font Awesome icons not rendering

[lucasbode]

To reproduce the issues, I am using the angular-demo application seen here - https://github.com/formio/angular-demo

I updated the following dependencies to the latest versions.

"@formio/angular": "9.0.1",
"@formio/js": "5.2.2",

The repo is using font-awesome@4.7.0

The following icon names fail to render for me.

• question-sign
• move
• new-window
• circle-xmark

It seems like the generated markup is attempting to reference icons that do not exist in 4.7.0. I've tried upgrading to different versions of font-awesome without any luck. We are having to override the iconClass function in order to render the correct icons.

We've also noticed an issue with what appears to be a hard coded bootstrap icon that doesn't render. And we are unable to resolve this one by overriding the iconClass since it isn't being used here -

bootstrap/src/templates/bootstrap5/datagrid/form.ejs

Line 42 in c165348

<button type="button" class="formio-drag-button btn btn-default bi bi-list" data-key="{{ctx.datagridKey}}" style="display: block; margin: 0 auto"></button>

[lane-formio]

Can you possibly provide a codesandbox or stackblitz example to help get this triaged quicker?

[lucasbode]

@lane-formio here is a stackblitz link that should show the icons failing to render - https://stackblitz.com/edit/stackblitz-starters-dr7er8rz?file=src%2Fmain.ts

Also here are a couple screenshots that highlight the location of the icons.

[ZenMasterJacob20011]

It looks like this is hardcoded in to use bootstrap icons

bootstrap/src/templates/bootstrap5/datagrid/form.ejs

Line 42 in 379974b

<button type="button" class="formio-drag-button btn btn-default bi bi-list" data-key="{{ctx.datagridKey}}" style="display: block; margin: 0 auto"></button>