SVG icons from folder not showing in CMS slide out

[whoisgina]

Describe the bug

I'm having trouble seeing SVG icons from an SVG Folder icon set in an entry slide out in the CP, and sometimes within the field itself after selection. This happens inconsistently and is sometimes helped by a refresh. It seems to be more stable in Safari, not sure if somehow Chromium related.

Missing icons in field when entry is open in slide out:

The selected icon will show in the field after selection, but only for the first icon selected.

Any other icons selected after the first do not display. It will sometimes show if the entry is saved and page reloaded.

Things work mostly as expected when adding icons on an entry page! Save for some of the icons in the field looking a little wonky, as shown in the hover selection here:

That icon looks correct in the field once selected:

Steps to reproduce

1. Add a new icon set using the SVG Folder option, along with a connected field.
2. Try to add an icon to a field on an entry that's open in a slide out.

Craft CMS version

5.8.15

Plugin version

3.0.6

Multi-site?

No

Additional context

All of these SVGs do have fills, if that's relevant. They do not have any class names on paths.

Plugins in use include:

• Amazon S3
• Amazon SES
• CKEditor
• Feed Me
• Google Maps
• Imager X
• Marker.io
• Retour
• SEOMatic
• Scout
• Sprig
• Video Picker
• Vite

[engram-design]

The first thing I was going to ask was whether there are fill/stroke styles, inline CSS or external CSS - that's a common gotcha for these things.

Any chance you could shoot through either a partial collection or your full folder of SVG icons for me to check out on my end? If so, shoot to web@verbb.io and I can take a look.

[whoisgina]

Just sent them @engram-design, thank you for taking a look! Yeah, they're also all using <linearGradient> fills, which has been troublesome elsewhere during this project due to a Chromium bug. I don't think that is the case here, but thought I'd mention in case there's a lead in there somewhere.

[engram-design]

Thanks for sending those icons through. I can't immediately reproduce the issue in a few different browsers, but as you mention, you're also seeing it inconsistently. I'll keep at it at least and hopefully get to the bottom of it...

I've been testing in the normal entry edit interface and also using the slide-out editor.

Out of interest, if you manage to have it happen to you, and you select an icon that's invisible, does it have any issue rendering it on the front-end of your site?