formio.js icon indicating copy to clipboard operation
formio.js copied to clipboard

Some icons Fail to Render with FontAwesome 6.7.0 and Above

Open Justinlcx opened this issue 10 months ago • 4 comments

Description

Some component icons are not displaying anymore:

Image

Image

Image

Version/Branch

Formio.js: Latest FontAwesome: 6.7.0 and up

Steps to Reproduce

Import FontAwesome 6.7.0 Open a FormBuilder

Fiddle JS

Justinlcx avatar Jan 30 '25 21:01 Justinlcx

Hi, @Justinlcx ! Thank you for reporting this issue. I am able to reproduce and have logged a ticket for the backlog. We are always willing to review any contributions from the open source community to resolve this issue. For internal reference: FIO-10050

Victoriya25 avatar Apr 24 '25 15:04 Victoriya25

@Justinlcx I noticed in your fiddle that you are using cdn.form.io/formiojs The latest formio/js (5.x and above) has changed the namespace to cdn.form.io/js Can you try with the updated namespace?

lane-formio avatar Apr 25 '25 16:04 lane-formio

@lane-formio I updated the fiddle with the new namespace. If you don't import the .css file, some icons won't load ( wells, tabs and radio). By importing the .css file, you'll get the same icons as seen in the playground demo.

https://jsfiddle.net/gm06tv9u/

Justinlcx avatar Apr 28 '25 13:04 Justinlcx

After review, we have put the ticket on the backlog but don't expect to resource a developer to address this in the near future. We'd happy to review any pull requests to resolve the issue.

lane-formio avatar Jun 04 '25 13:06 lane-formio