Component with Nested Absolute Position Inside Auto Layout Not Respecting Layer Order

In UntitledUI, the dropdown menus use absolute positioning to position the “Open” state menu that appears. As you can see in the GIF below, when the menu expands (exposing the absolute position dropdown) the menu goes behind the other elements in the auto layout stack. It does not matter if the ❖ input dropdown’s position in the layer stack has no impact on the result.


  1. Create a ❖ component with an absolution position element in side of it
  2. Add the ❖ component to a frame, and add an item above and below it
  3. Apply auto layout to the ❖ component and the two other elements
  4. Make sure the ❖ components absolution position element is shown

I expect the ❖ component and all elements inside of the ❖ component to appear above any element that is below it in the layer stack.

The ❖ component’s absolute position elements are appearing below the other elements in the auto layout stack.


How are you working around this? How can we use Absolute Positioned elements in combination with Auto Layout?

1 Like

Thank you @tank666. I had not seen that setting before.

For anyone who finds this thread, here is how to find Advanced Auto Layout Stack setting