Skip to main content

Hi Everyone,


I have a problem with replacing slots within a larger molecule component. I’ve built a complex component designed to be highly customizable. There are 6 slots that can be replaced by 8 pre-defined components (atoms or smaller molecules, each with desktop and mobile variants). Additionally, this molecule has both desktop and mobile variants.


All slot widths are set to fill the container, and their heights hug the content. Therefore, in theory, the replaced slot should adjust to the height of the replaced component. While this works initially, changing the device variant of the molecule and then a single slot item changes its height from “hug content” to “fixed size,” which messes up the autolayout. If this is unclear, please see the attached video: Dropbox


I even tried recreating this molecule from scratch, but the problem persists. Any ideas on what I might be doing wrong, or could this be a bug in Figma?

One more thing to add: I can dive into the molecule, select all components within, and set them back to “hug content,” but it’s annoying to have to do this regularly. It should work like this.

Hey @Adam_Bogusiak - sorry this is such a late reply, but I reviewed your dropbox video and understand what you’re describing. I will admit, however, that I’m not able to narrow what the issue could be based off the recording alone (or if it’s a bug).


Are you able to share a copy of the file in your recording? I can ask someone on our support team to review and see their recommendations are (or file a bug ticket if they discover something else going on).


If you can’t that’s fine – I can still draw up a support ticket to get you assistance without one. let me know when you have a chance.

Reply


Terms & ConditionsCookie settings