Absolute position works differently in 3D vs Overlay

🧑‍💻 Technical Support
1

Howdy,

Is Absolute position supposed to work differently between 3D and overlay? Currently, Abs position in 3D moves the element relative to the parent rect, which is great. In Overlay mode however, it always moves relative to the screen rect. I.E in 3D, if parent is 100px, 50% from top is 50px from the top of the parent. Whereas in Overlay, the 50% will be from the top of the screen regardless of nesting.

The way it works for 3D is most useful for my case, and I really want it to work for overlay, but it doesn’t. Is this intentional?

Also, the masking of elements in 3D overlay seems bugged. There’s z-fighting, but no way to set the z-offset or whatever it’s called. This is when you layout an element with absolute positioning over another element.

Cheers

1 Like
2

Yes I’m also facing the problem where absolute position on overlay positions the element in relative to the viewport screen rather than the parent frame. This makes it pretty much unusable if you want your UI to work on multiple phone devices.

@GeorgeButler could you please help us? Is there something we are over looking?

3

Would you just recommend injecting HTML and CSS?

4
5

I dont think you’re missing anything, it seems like Studio is in need of an offset or something for flex layouts or to have the absolute position be relative to the parent container. I’ll have engineering look into this to see if we’re missing anything.

1 Like
6

Thank you for looking into this!