Sketch 'Resize to Fit' is disabled but my content still gets resized

Question

I have a symbol with text + an arrow and resize to fit is disabled however when I resize it the arrow still gets messed up, am I missing something / doing something wrong??

Symbols Page

The Symbol in an artboard

The symbol being resized (raster arrow)

The symbol being resized (vector arrow)

Thanks in advance.

Answer 1

You'll want to do two things:

1. Set the text to be pinned to the top and left within the Resizing section of the right-hand inspector pane.

2. Then set the triangle to be pinned to the top and right, and enable Fix Width and Fix Height. This will ensure it stays the same height and width, no matter the size of your symbol.

---

The Result

A symbol that can be resized to any size you'd like and the triangle will stay the same size, shape, and absolute position relative to the symbol's dimensions.

---

But what if …

But what if you need another dropdown with a different size text and triangle?

Well, you can either:

1. Create a new symbol of a different size. You could keep the arrow the same size and make the text smaller (or visa versa).

2. Or use the same symbol and use the Scale option (and only the scale option). Adjusting the height and width manually won't scale things appropriately. That said, the text and the arrow will be scaled down at the same ratio — which might not be what you're looking for.