Boolean Properties Rendering incorrectly

Mobile Apps
1

Hello! The new figma boolean functions are way nice to cot down on the amount of things in the profiles.
I ran into a bug with the prototype previews though…
The “invisible” icons on my chips are not showing in the editor, but show behind the text in the mobile all (ios) preview as well as in the web prototype viewer.

Here is an example of the editor;

image
image1148×530 59.1 KB

I have the boolean items set to off.

And here is an example of what it looks like in the preview. (both in the ios app, and the web preview)

image
image1612×640 170 KB

It appears to still be showing the icon, with its color overrides that I had, but they are behind. I understand why they are where they are, but them showing up is not correct.

This is what the component looks like and how it is set up.

image
image815×494 24.9 KB

I have been doing these for a bit and feel like I have them set up as intended, and they work in the editor… just not in the previews.

Thanks!

1 Like
2

I am having the same exact bug! I posted about it earlier today, before I saw this post:

I tweeted about it last week and a couple of engineers and product managers from Figma reached out to me to share the file. It seemed like it was fixed but came back a few hours later.

I tried putting the instance swap before the boolean in the properties panel but that didn’t work.

Is it inconsistent for you as well? Like, some will show up, some won’t, randomly?

1 Like
3

I found it worked when I reset the entire instance, and then turned it off.
HOWEVER if you change the icon from its default at all, it will come back up again and not disappear correctly when toggled off.

4

Yes, I have tried that too. One of the Figma engineers suggested running ’ ⌘ + /’ and selecting “Regenerate all instances (slow)”. This worked in one file, but not in another. And again, when duplicating the component or placing a new one and doing the boolean overrides and instance overrides it would happen again.

The issue doesn’t happen with boolean functions on text layers though. I wonder if it might be a combination of using boolean AND instance swap on a layer?

5

Yeah, that is what I am thinking. I have similar issues in a different ticket about the icons losing their shadow properties when one instance has the shadow, and the other doesnt. It works on the ‘default’ icon that is built into the component, but if I change that icon, the shadow gets locked either on or off.

6

This issue is still persisting. My components are defaulting back to their original state in the preview after I’ve swapped the content and their icons. Help Figma!