Problem/Motivation

After updating UI Patterns (currently on 2.0.18), the icons in the layout builder panel are rendering as plain text.

I am not 100% sure what is going on. The icons are added in https://git.drupalcode.org/project/ui_suite_bootstrap/-/blob/5.2.x/templ... and were working perfectly until the update.

I see some discussion in [@3611167], but I am not really sure if it's the same issue.

I filed the issue in this project because that is where the icons are coming from. If it needs to move to UI Patterns, please let me know.

Steps to reproduce

I admittedly haven't tested on a clean install, but I checked multiple environments with the update. Just go to Layout Builder, add a block.

Proposed resolution

I am not really sure where to go to from here. Is the way the links--layout-builder-links.html.twig renders the icon no longer supported in the prop?

Remaining tasks

I guess the first step is to determine whether or not this is the actual problem, then figure out a solution. I would think there'd be other reports, but these last couple of updates are new.

CommentFileSizeAuthor
#11 Screenshot 2026-08-11 at 11-41-31 Icons Drupal Navigation Pack My web-d11d4.png60.97 KBinfohome
#11 Screenshot 2026-08-11 at 11-42-15 Icons packs My web-d11d4.png109.25 KBinfohome
Screenshot from 2026-07-23 00-54-47.png84.32 KBscottsawyer

Issue fork ui_suite_bootstrap-3612668

Command icon Show commands

Start within a Git clone of the project using the version control instructions.

Or, if you do not have SSH keys set up on git.drupalcode.org:

About issue forks

Comments

scottsawyer created an issue. See original summary.

grimreaper’s picture

grimreaper
Primary language French
Location France 🇫🇷
commented
Version: 5.2.2 » 5.2.x-dev
Assigned: Unassigned » grimreaper
grimreaper’s picture

grimreaper
Primary language French
Location France 🇫🇷
commented
Title: Layout Builder links icons escaped » Escaped markup after new UI Patterns release

grimreaper opened merge request !332

grimreaper’s picture

grimreaper
Primary language French
Location France 🇫🇷
commented
Status: Active » Needs review
scottsawyer’s picture

scottsawyer
Primary language English
Location Atlanta
commented
Status: Needs review » Reviewed & tested by the community

It is a wonderful patch, and 2 hours before my client meeting. Instead of looking like an idiot, I will look like a genius, but the genius is you.

  • grimreaper committed 15442d9e on 5.2.x 
    fix: #3612668 Escaped markup after new UI Patterns release

By:...
grimreaper’s picture

grimreaper
Primary language French
Location France 🇫🇷
commented
Assigned: grimreaper » Unassigned
Status: Reviewed & tested by the community » Fixed

Now that this issue is closed, review the contribution record.

As a contributor, attribute any organization that helped you, or if you volunteered your own time.

Maintainers, credit people who helped resolve this issue.

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.

infohome’s picture

infohome commented
StatusFileSize
new Screenshot 2026-08-11 at 11-42-15 Icons packs My web-d11d4.png109.25 KB
new Screenshot 2026-08-11 at 11-41-31 Icons Drupal Navigation Pack My web-d11d4.png60.97 KB

dear team. I'm experiencing the same problem as above with SVG not rendering properly (just texts) on drupalcore 11.3.1 4 PHP8.4.21 , UI pattern ver 2.0.18. using gin admin theme. gin toolbar v3.0.3 and gin admin 5.0.15. (I think the same porblem occured even when we use the core admin theme/claro, with/without navigation module activated)

similar to this SVG not rendered as pics( but rendered as as text)

however, on another different website with drupal core 11.4.4 / php 8.4.21 everything seems to be OK. using gin admin theme v 5.0.15

In addition Id like to add this probably related bug on the UI ICON (which could be cause by the UI pattern codes) .

And a similar problem occurs on all of my ICON PICKER form formatter -> shown below
Only local images are allowed.

I have not put this on the UI Icon Bugs yet.. but probably I'll put a link /comment there to this one here.

--

nevertheless, on the page of https://myweb.com/admin/appearance/ui/icons UI library -UI Icon page the mini SVG icon pics are mostly not rendered as picture (but only shown as text) --> Screenshot 2026-08-11 at 11-42-15 Icons packs My web-d11d4.png (109.25 KB)
Most Small Icons are not show properly

--

but when we press this to the next menu the bigger svg icons are shown properly. ( Screenshot 2026-08-11 at 11-41-31 Icons Drupal Navigation Pack My web-d11d4.png (60.97 KB))
Big icons shown OK