Your achievements

Level 1

0% to

Level 2

Tip /
Sign in

Sign in to Community

to gain points, level up, and earn exciting badges like the new
Bedrock Mission!

Learn more

View all

Sign in to view all badges

arthurcavallari
arthurcavallari
Offline

Badges

Badges
5

Accepted Solutions

Accepted Solutions
0

Likes

Likes
3

Posts

Posts
2

Discussions

Discussions
0

Questions

Questions
2

Ideas

Ideas
0

Blog Posts

Blog Posts
0
Top badges earned by arthurcavallari
Customize the badges you want to showcase on your profile
Re: Coral 3 Select dropdown renders icons twice when using SVGs
Avatar
Give Back
Level 1
arthurcavallari
Level 1

Likes

3 likes

Total Posts

2 posts

Correct reply

0 solutions
Top badges earned
Give Back
Ignite 1
Validate 1
Boost 3
Boost 1
View profile
arthurcavallari
- Adobe Experience Manager
Ah I see, I was hoping I was just using it wrong.Your javascript fix only removes the duplicates from the select options and misses the currently selected item, you could just hide them all using CSSimg.coral3-Icon-image:nth-child(2) { display: none;}

Views

789

Like

1

Replies

0
Coral 3 Select dropdown renders icons twice when using SVGs
Avatar
Give Back
Level 1
arthurcavallari
Level 1

Likes

3 likes

Total Posts

2 posts

Correct reply

0 solutions
Top badges earned
Give Back
Ignite 1
Validate 1
Boost 3
Boost 1
View profile
arthurcavallari
- Adobe Experience Manager
Hi all,I'm running AEM 6.4.4 and I'm trying to create a select dropdown with custom svg icons using the the new Coral 3 Select component (Select — Granite UI 1.0 documentation ), but the icons always get duplicated when the component is rendered.Does Coral-Icon support SVGs? If not, what is the proposed solution to render a select dropdown with icons?My previous implementation was setting the icons using javascript, but I got excited when I saw the Coral 3 component had an icon property.Here's w...

Views

1.1K

Likes

2

Replies

3
Likes given to
Likes from