I use the iconify plus plugin (I have another problem with the second plugin so I had to change).
I have my icons in an option set so that I can easily retrieve them from a list (The text).
Then I displayed it via the plugin, simply selecting with get an option.
I have a menu in Floatgroup, which is in SlideRightIn / SlideRightOut animation.
This when it closes, creates for a fraction of a second a display of icons when everything is closed. See the attached GIF.
The hard solution: Create a custom state which itself makes the icon visible / not visible before the opening / closing action (But this solution is a bit… Drafts).
Please note that this problem does not exist with Google icon. So I have the impression that the animation + iconify plugin is causing me problems.
For now, I would like to go with the solution of integrating the Github files directly into the root of my application. Is this feasible? If yes, how ? Otherwise, I imagine that I have to use n8m to make the bubble / Github links and of course keep the call of the icons via the attributes (Example: “ic:round-home)”?
Yeah, these animations can cause few visual issues when you use some icon libraries and even others plugins like star rating. This is because the element receiving the animation will be totally visible or invisible when the animation duration ends.
Checking your gif I was wondering (I did not tested this), what if you use some boolean state like “isVisible” in the container to control the icon visibility? So when the close icon is clicked you set this state to no to hide icons.
After few milliseconds or when you open again you can reset the state to default value yes.
Yes, it works perfectly. But I find it a bit “messy” to get around a problem.
This is only from the non-native bubble plugin.
So I would rather opt for the solution to integrate Github, then delete the iconify plugin at the same time. Even if it must take me hours, but once installed, I have peace of mind for the rest!
