Re: Prototypes — Why are sticky elements and auto-layout at odds with each other?

It’s maddening that Auto-Layout and sticky headers are at odds with each other. Auto-Layout puts the layer that visually appears at the top of a frame behind the others in the layering order, such that setting that object to be sticky makes it get covered by the other layers as they scroll past it. Forcing you to create an entirely separate design with auto-layout disabled and the layer ordering completely inverted. This seems like a massive error.

In your Auto layout settings, what is the “Canvas stacking” option set to?

Does setting it to “First on top” solve the issue?

2 Likes

@Damian_Oczki’s theory will work. You are working in the wrong way @Seth8.

Set the page frame to ‘first on top’. Go to the navbar and set to sticky.

Yes, I found this as well. It’s surprising to me that Figma defaults to the opposite. It would make much more sense to default to the setting that works with auto-layout’s default layer ordering.