Auto layout is changing the size of the button

Hi All,

I am trying to build a button component with icon. When I select the button and press Auto Layout, it automatically changes the height of the button from 64 to 63, width from 350 to 343. After that both height and width boxes are disabled and I can’t change them back to original size.

I did some investigation and I noticed that this is happening with all components when I choose auto layout.

Any help to resolve this would be appreciated.

Once you use auto layout the width and height are set by the padding parameters and the size of the children elements.

You can adjust these settings here:
CleanShot 2022-02-24 at 09.53.53@2x

If you’d like a fixed height or width you’ll need to adjust the dropdown where it says Hug contents.

Hope this helps

Hi, I have the same problem, Also I am not able to change anything in Resizing section.
Do you know the reason?

I would love to know that too, I keep creating things in the needed size, then add autolayout and everything is screwed up because size is set to hug instead of fixed.