Skip to main content
Seth8
Seth8
October 1, 2024
Question

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

  • October 1, 2024
  • 3 replies
  • 1316 views

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.

    This topic has been closed for replies.

    3 replies

    Damian_Oczki
    Damian_Oczki
    Active Member
    October 2, 2024

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

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

    image

      Luke-Itineris
      Luke-Itineris
      Active Member
      October 2, 2024

      @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.

        Seth8
        Seth8Author
        October 2, 2024

        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.

          Terms & ConditionsAccessibility statement