Nested variant switching inside a slot applies incorrect fixed width and padding
- 0 replies
- 7 views
Nested variant receives incorrect fixed width and padding only inside a slot
I’m encountering a layout issue with a nested component when switching its variant inside a native Figma slot.
Hierarchy:
List Item Group → Slot → List Item instance → Subcomponent with Icon/Checkbox variants → Checkbox instance
Designers can switch the subcomponent between Icon and Checkbox. Outside the List Item Group slot, switching works correctly. Inside the slot, switching to Checkbox applies incorrect layout values:
| Property | Outside slot—correct | Inside slot—incorrect |
|---|---|---|
| Fixed width | 24dp | 48dp |
| Padding | 12dp | 2dp |
These are actual values in the properties panel, not just a visual rendering difference. The width remains Fixed, and the incorrect width is not defined in the source variants.
Steps to reproduce:
-
Place a List Item instance outside the slot.
-
Switch its nested subcomponent from Icon to Checkbox—the layout is correct.
-
Place a List Item instance inside the List Item Group’s slot.
-
Perform the same variant switch—the fixed width and padding change to the incorrect values.
Configuring the Checkbox variant outside the slot before inserting the List Item works. The problem occurs when switching variants within the slot. Resetting overrides has not resolved it.
This is affecting existing designs across our team’s files. Has anyone encountered this specific behavior or found a workaround that preserves instance content and configurations?
