WIP: SVG component properties not working as expected

Browser: Vivaldi / Chromium Version 144.0.7559.230
OS: macOS

This may be operator error… but I’m having trouble working with component properties for SVGs.

I see there are other similar bug reports or support requests but none seem resolved.

I create a new component instance but no SVG appears.

I recorded a video for you. Thanks for your time.

Hi Dave,
Thanks again for your report!

Unfortunately, I cannot reproduce the issue. The SVGs are showing up instantly without any problems. What happens when you save and reload the builder?

Please feel free to send us your login details so that we can reproduce the problem in your installation.

Regarding the other points:

  1. The link between the icon property and the SVG may be somewhat confusing and could possibly be simplified. I’ll create an improvement task for it.

  2. Inherited settings indicator not showing: Yep, that could/should also be improved. I have created a separate task for this as well.

Best regards,
timmse

Ah yes. Reloading the builder fixed it. :raising_hands:

I’d tried this process twice before recording the video, both times the SVGs didn’t appear, which led me to think it must be a bug. I didn’t think to reload the builder.

I think that particular issue is now solved.

Regarding another issue I showed:

Is it expected that on a regular SVG element you can’t choose your SVG via the Source > Icon Set method but you can (and actually have to) when it’s a component?

I know you said you’ve created an improvement task for it, which is great. I just wanted to get clear on it.

I’m mindful of the fact I’m also teaching others, so at the moment it seems my advice to them would be:

If a regular SVG element - you have to choose/upload via the Source > File method (Icon Set doesn’t work)

If a component property - you have to choose/upload via the Source > Icon Set method.

Icon set works too if you created a custom icon set, which you haven’t yet :slight_smile:

Yeah, that’s the only way to connect it. In general, “icon set” is confusing because you select the source on the instance, and there you can simply select “SVG” again. Alternatively, you can use the icon element, which appears to be less confusing.

That all makes sense. Thanks @timmse. :folded_hands: