@Kayami This plugin is great but I’m starting to have issues with it which would make it unusable! I hope you can help.
It is now sporadically showing the text instead of the icon inside a button (orange box is the button):
When I hover over it, it snaps into the correct display:
This is what I have in the editor:
But it doesn’t seem to be an editor issue. I have other buttons using the plugin and they aren’t having an issue. So I’m not sure why this would be happening here.
It does say "In case the plugin occasionally fails to detect icons, it’s possible to run the Iconify action on page load as insurance. " But I don’t have an Iconify action; where does that come from?
I saw your message this morning and as I was preparing to create a page for you, it clicked - I had just turned on this experimental feature in the Versions tab:
New, more performant elements rendering
This feature enables a new experimental rendering pipeline which more optimally renders any elements you have on the page. It does so by precomputing a lot of the properties on the server beforehand, and shipping a static CSS file to the client to avoid repeated work.
Note: This feature only affects new responsive pages.
I turned it off and I have been testing and haven’t seen the problem yet. Even though it wasn’t happening consistently yesterday, I never saw it before turning this on and I haven’t seen it since so I’m fairly confident that’s where the issue is.
I’m turning that feature off for now but it would be great if Heroicons could work with it! Either way, hopefully my experience helps other users avoid banging their head against the wall as I was
Do you think this is possible to solve for in Heroicons, or no?
Maybe @kathleen could enlighten you as to what needs to be changed. Basically, we are stuck at build 20 as this breaks every button we have in our app.
@Kayami The spinner animation isn’t working on a button that’s in a reusable element. When I click on the button, a custom state triggers this action…and here’s the result (see below).
Is there something I’m missing ? Thanks in advance.
@Kayami since I upgraded to Bubble v21, I’m getting a flash of [hil]spinner[/hil] text before the actual icon shows. If the processing is fast enough, the spinner never shows, just the bracketed text before the process is done.
I wonder if this is possible to have work with Bubble’s CSS computed server side?
Yep, I’m on v3.3.7 of Heroicons. v21 seemed to me to be causing more problems around my app as well so I’m sticking with v20 for now. It seems to be ignoring state for some important things and I’m not finding any workarounds.
I’m experiencing the same issue with states as well. I’m on v21 and not sure if I should revert back to v20. Is the problem happening on v20 @johndurso?
Yep that was happening to me when updated to v21, and stopped when I reverted to v20. I wonder if this is related only to Heroicons or a more general problem with states and v21. I didn’t do enough testing to sort it out. I did file a bug report though.
Definitely a v21 issue with Heroicons 2.0. I removed the heroicon trigger “[hir]spinner[/hir] Submitting…” and the custom state kicked in just fine. For now, I’m going to use an animated GIF until this plugin get fixed. Love this plugin, hate to let it go for now
No problem, simply put the button inside a group. The container layout for this group needs to be Align To Parent. Add the animated gif to this group and adjust it’s positioning, you can also edit the margins to fit your needs.
The GIF just needs to be the right size you desire, which might take some work.
To show and hide this GIF, just use a custom state.
Example: Show GIF when custom state is “loading”
Hide GIF when custom state is “completed”
Ah I was wondering if I had done anything wrong, I’m relieved to see it’s a plugin issue in a sense. Any plans to fix this?? It’s a great plugin, would be nice to not have to go back to v20…
EDIT: Just saw there’s already a fix, just have to upgrade the plugin