[IGN-10401] Re-ording items in Flex container is fun

Ignition
,
1

I’m sure this is still an issue in 8.3, and has been for a long time in 8.1..

When trying to reorder items in a flex container, it’s awfully difficult. It’s mostly not as bad as in a column container (a big reason I stopped using them), but it’s a regular fight.

Nothing is better than a demo:

I’m trying to drag the WaterNSW title to be the 2nd to bottom item, but when I try, the items switch places back and forth and I end up now dragging the item below the one I was dragging… and the items didn’t swap places

One thing to note is that it’s rarely (if ever?) an issue when you move items UP, but pretty much always an issue moving them DOWN.

15 Likes
2

Also the dragging gets stuck if there is a display: false element in the container.

5 Likes
3

Sometimes is really crazy to order them, what I usually do is to cut and past :sweat_smile:

1 Like
4

And right click Move Up/Move down doesn't seem to work - only the Move to Front and Move to End... so to move an item down, you move it to the end.. and then you move everything you want below it to the end.. Simple things that really feel like they should just work..

3 Likes
5

This is what I do as well. Somehow, it’s least frustrating to move all-other components to the end of the line in sequence.

6

Sometimes you have to do it that way. If you move a bunch of them to the end at once, it occasionally scrambles their order..

7

I would be happy if they would just fix the move backward/forward for Flex containers…

3 Likes
8

I manage this with multi-selecting components in the project tree, then cut & paste (it retains the clicking order).

flex-control

27 Likes
9

Nice trick

10

Swing beats React once again :smiley:

I asked the Perspective team about this thread internally and they confirmed that this is on the pile of known issues that unfortunately haven't quite taken priority. It doesn't help anything that for the last year or two most of the team got poached to work on the new gateway web UI.

I'm not going to foolishly promise anything about timelines, but know that this isn't being deliberately ignored internally.

9 Likes
11

wow. nice trick :+1:

12

I often use the arrange send to front/back buttons to get around this issue

13

Made my day. Thanks.

14

This is such a good trick!