Stack - Force Next Line, Order of Sub Components

💬 App Building
1

I'm using the Stack component.

Is there a way to force a sub-component to a new line? I realize I could use a spacer or create a new stack below the current one to achieve this, but I'm wondering if I can simply set an attribute on the sub-component to force it to a new line (like the "clear" property in CSS).

Also, I make heavy use of "Copy" and "Paste Below" when laying out a new page. When using "Paste Below" to paste a sub-component B "below" sub-component A in a stack, my hope is that B would be located just after A, and before C (if C exists). But instead B is pasted in what seems like an arbitrary location. When I Cut/Paste to fix the location, the component is usually pasted into the same location it was in. Drag and drop within a stack does not always work as expected either. This all makes it hard to layout items in a stack.

Thanks for any help or tips you can provide.

1 Like
3

Hi @mike_s!

Regarding your question about forcing a Stack child to a new line – no, there is nothing like that I'm aware of. Stack layout is basically a frontend for CSS flexbox, so if you can come up with an analog in flexbox we could consider implementing it.

For "Paste below" in Stacks, thanks for raising that issue. I can repro and filed an internal ticket for us to investigate.