svg4everybody is not processing all svgs

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.2.X, 7.3.X, Master
• Fix Version/s: 7.2.X, 7.3.10 DXP FP1, 7.3.10.1 DXP SP1, 7.3.6 CE GA7, 7.3.X, 7.4.13 DXP GA1, Master
• Component/s: JS APIs and Utilities > Frontend JS Web API
• Labels:
  • 7.3-pre-fp1
  • ee-ts
  • liferay-dxp-73-sp1
  • liferay-fixpack-dxp-1-7310
  • liferay-fixpack-dxp-9-7210
• Branch Version/s:
  7.3.x, 7.2.x
• Backported to Branch:
  Committed
• Fix Priority: 3
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/95420
• Bug Type: UX / Visual - Desktop

The Liferay code that invokes svg4everybody was updated to include the validate option here: https://github.com/liferay-frontend/liferay-portal/pull/104/commits/bee236a18a42b76423b52d7b9c40043ca5c07906

Due to this issue in svg4everybody: https://github.com/jonathantneal/svg4everybody/issues/148 the code then does not process all svgs, so icons are not always being rendered correctly.

Updating to the latest version of svg4everybody should fix the problem

Steps to reproduce:

1. Setup liferay
2. Add a cdn host and disable dynamic resources
3. Create a content page and try to edit it
4. OR (if step 3 is blocked) attempt to create a new web content

Expected Result:
Icons for the fragment translation toolbar are loading

Actual result:
Icons are not loading, e.g. the translation flag is not visible