Skip to main content
Solved

Show/Hide icon with boolean depending on system


Peco-chan

Hi community
Here’s what I’ve tried to do:

Objective:

  • Dragging “icon” into respective “system” frame swaps icon. Works for all icon variants! 🙌
  • Hide icon depending on “system”. Works for first variant (red icon).

Failure

  • Hide icon depending on “system”. Fails for all other icon variants 😦
  • As as textfield is dragged into frame, green or blue icon loses assigned “icon visibility” variable, thus not hiding the icon 😦 -

I honestly have no clue 😔
If anyone got an answer, I’d be super grateful!

I’ve attached the file to give you a better idea.
auto-hide-icon-fail.fig (100.4 KB)

Best answer by Celine_D

Hey there, thanks for reaching out to the community, and sorry to hear you are having issues with the boolean feature! I see in the backend the technical quality team investigated your issue 🙂

For visibility in the community, here’s our response that may be helpful for others who may encounter this similar issue:
"It seems the “icon visibility” variable is getting detached here on the mode changes due to a longstanding limitation with the variables feature and we apologize for the inconvenience.

For your reference, there is currently a known limitation where overrides on instances cannot be preserved on variant swaps that are triggered by a mode or variable change rather than a manual variant swap. In this case it seems the “icon visibility” variable is assigned to the layer visibility as an override on the nested “icon” instance. Therefore, when the “icon” variant changes on the mode change, this override gets reset removing the variable binding.

To resolve this, you should be able to set the “icon visibility” variable binding directly on the each of the “icon” main component variants instead rather than an override on the nested instance in the “textfield/base” component. "

Thanks for your understanding and using workarounds this limitation in the interim, while our engineers continue tracking and working on possible resolutions for these issues with override preservation!

View original
This topic has been closed for comments

Celine_D
Figmate
  • Community Support
  • July 24, 2024

Hey there, thanks for reaching out to the community, and sorry to hear you are having issues with the boolean feature! I see in the backend the technical quality team investigated your issue 🙂

For visibility in the community, here’s our response that may be helpful for others who may encounter this similar issue:
"It seems the “icon visibility” variable is getting detached here on the mode changes due to a longstanding limitation with the variables feature and we apologize for the inconvenience.

For your reference, there is currently a known limitation where overrides on instances cannot be preserved on variant swaps that are triggered by a mode or variable change rather than a manual variant swap. In this case it seems the “icon visibility” variable is assigned to the layer visibility as an override on the nested “icon” instance. Therefore, when the “icon” variant changes on the mode change, this override gets reset removing the variable binding.

To resolve this, you should be able to set the “icon visibility” variable binding directly on the each of the “icon” main component variants instead rather than an override on the nested instance in the “textfield/base” component. "

Thanks for your understanding and using workarounds this limitation in the interim, while our engineers continue tracking and working on possible resolutions for these issues with override preservation!


Peco-chan

Hi @Celine_Figma
Thanks a lot for your details answer and useful tips. I hope this gets bumped up in the priority list and resolved 🙏
Have a wonderful day 🌞


Celine_D
Figmate
  • Community Support
  • July 31, 2024

You are welcome! I’ve gone ahead to mark as solved and closed this topic 😊


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings