Hi @Fernando11 I tried this from my end but it seems to keep the min width of that nested variant. Can you try clearing your browser or desktop cache and see i this helps improve anything.
If it doesn’t, mind reaching out to the support team directly via this form for help: https://help.figma.com/hc/en-us/requests/new
Be sure to share a video of the issue you are seeing, include a link to a demo file, and share it with support-share@figma.com so they can take a closer look.
I’ve seem to figured out where it buggs out for me at least:
I put two text fields next to each other with auto layout (these are components from a design system file).
I apply min width to each of them and then wrap the auto layout so that they align vertically when resized horizontally. I create a new component of this. The instance works, no problems.
Until, I take two instances and put them together to create a new component. The instance of this new component is where min width disappears on the text field when I change a variant.
The min width seems to disappear when the text field is edited when being nested three times (if that makes sence)?
I tried to upload a video but could, something about not being a member.
I’ve solved this issue by building my components without so many sub-components.
I am also running into this problem in a component. I have an input instance that I am putting 2 of them into a row and have set one with a min width of 242px (70/30 split) and have then turned that row into a component that sits inside another component. When I change input states using the variant selector the min width is getting blown out and the row goes from being a 70/30 split to 50/50 as if the min width wasn’t applied. I recorded a video of what I am running into.