Active Member

Z-index property that is independent from Auto Layout

Forum|Forum|5 years ago
August 19, 2021
54 replies
11265 views

Currently there is a huge limitation in prototyping possibilities because any dropdown menus appear underneath the following element in the autolayout flow.

I can’t remove autolayout because it would break designs across all useage of design system components and we can’t properly demo prototypes. Anchored by the lack of a customizable z-index property.

Share an idea

Constantine_Zuev

I made a similar proposal some time ago. Unfortunately not too many people seem to understand the value of Z-index of Z-stack 😒

Slava_BronevitskiyAuthor

Active Member

@anon21722796 Could any of you please reply on this?

impactby.design?ref=nI

Slava_BronevitskiyAuthor

Active Member

@figma Reply please?

impactby.design?ref=nI

Josh

Former Community Manager

Hey @Slava_Bronevitskiy thanks for sharing this feedback. It’s definitely something the team is aware of and thinking through.

Lorem-Possum

Active Member

Absolutely necessary feature:

Set z-index for item in auto layout.

So you can send item to backward or forward only visually.

Lorem-Possum

Active Member

We wana Z-indexing while Flexing and Flexing while Z-indexing!

Pierre_Lord

This is a must. Thanks.

A

Anonymous

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.

Roger_Junior

Especially when working with auto-layout, positioning elements become so hard because the z-index is tied to the layer order in a way that is impossible to change the z-index without breaking the whole layout (or opting-out of auto-layout completely).

This is a problem mainly with interactive components that have a “pop-up” or something that should appear on top of every other layer, the best example is tooltips!

My suggestion is to solve this as we would solve with CSS, creating a z-index controller that would be set to Auto as default, and if we want we can type any value to force the z-index: