[New Free Plugin] Heroicons 2.0

[looks at Bubble suspiciously and disappointed]

Something – or someone – borked the tooltips.

Hello @Kayami , I have installed the latest version of the plugin, but whatever I do with the code, it renders and displays only the code, for instance [hil]chat-bubble-left[/hil] Chat, and not the proper icon. I have tried with static, spinners, etc. All the same. Am I doing something wrong?

Hi @Kayami I can’t attach a GroupFocus object to a Heroicons icon. Is this a bug? I’m on the latest version.

Hi this plugin is causing apps to be blocked by AVG / Avast antivirus software

Please see:
http://forum.bubble.io/t/urgent-avg-and-avast-flagging-site-as-phishing-again/

It’s to do with the src of icons.js file used.

@Kayami a fix here would be really appreciated!

will check it out!

I originally opted to use material icons for a while, but the plugin being so slow to use in the editor started to irritate me. Switched to this plugin as a result, I much prefer the Tailwind styling so that was a bonus.

I have one query however. Can you make it so that the elements use the actual style variable and not parse the rgba values from it?

For example
Current: <svg... stroke="rgba(37,37,37,1)"...>
Suggested: <svg... stroke="var(--color_text_default)"...>

The reason being, we use a html element to inverse a lot of our colour variables to create a dark mode, these icons naturally don’t change as expected because they don’t use the css variable.

Other than that, great plugin :slight_smile:

It looks like all of my Hero Icons just stopped loading on live and test. Is anyone else experiencing this problem?

same for me when embedded in a button. Even on the demo site. @Kayami any idea on what is happening ?

@Kayami looks like this broke everywhere…


v

Just happened to me, right in the middle of a demo.

Hi everyone,

We’re in contact with Bubble to resolve why the icon buttons stopped working. There has been no change to the code on our end, so we need them to help us sort this out… Apologies for the inconvenience and we’ll fix it ASAP!

Yeah, also broken - so I assume it is everywhere :frowning:

Any update on when we expect this to be resolved?

Hey everyone, we just quickly pushed a workaround 3.6.1 which should resolve most of the problems everyone is having

We’ll continue testing and seeing if all edge cases are solved but didn’t want to delay this fix.

Sorry for the inconvenience, the plugin stopped working out of nowhere because of changes out of our control. As soon as we were alerted we started working on it.

We’re also going to add some sort of killswitch feature so that it’s easy to turn off the icons in the event something like this happens again!

Any detail as to what happened?

Thanks @Kayami! Appreciate you and your team fixing this so quickly on a FREE plugin!

I was also curious so I diff’ed 3.6.0 and 3.6.1. The changes are small, the only one that stands out is

I’m guessing that Bubble has cleaned up how they render <button> elements?





There are some substitutions of " to ' ← god I hope that’s not what broke the plugin. Because if it’s that, I’ve got a lot of work to do.

pushed the 3.6.3 and all sounds good. thanks @Kayami @mike7 for the support and reactivity :+1:

yes!

it wasn’t anything we we could’ve known up front

bubble basically made a change to the DOM of how buttons are rendered.

to be specific, buttons now have multiple child nodes and the plugin was expecting only there to be one

the update we have now is a workaround to fix the immediate problem of everything looking broken but we are also working on a longer term fix to be able to just turn the icons off in case this ever happens again so that it doesn’t make your app look completely broken :sweat_smile:

doesn’t matter in js when defining objects :slight_smile:

this is just vscode defaulting to whatever prettier thinks is the best