SOLVED: Flex Container Align Main Axis/Cross Axis buttons do not switch if selected

Bricks Version: 1.5.1
Browser: Chrome Version 105.0.5195.102 (Official Build) (64-bit)
OS: Windows 11
URL: N/A

See screen capture:

https://screencast-o-matic.com/watch/c3Q6qOVO681

4 Likes

Thanks @macksix for posting, I was going to post this too.
I can also confirm this for the Firefox browser.

2 Likes

@Cracka - Is this what you were mentioning in the Facebook Group?

2 Likes

Yes, that is the relevant facebook post.

1 Like

So, basically, as your video showed, if you select something in the “Align main axis” or the “Align cross axis”, and then change the Flex Direction after that, it doesn’t change the settings. Right?

Yes. The icons on the button reflect that for a column, the main axis is verticle and the cross axis is horizontal, while for a row, the main axis is horizontal and the cross axis is verticle.

Hi,
Thanks so much for your report!

I was able to reproduce the issue and added it to our bug tracker.

Best regards,
timmse

2 Likes

in Update 1.5.2 what I have downloaded right now I have the same one… any chance to fix that fast?

1 Like

Same here. The problem is valid, 1.5.2 version too.

Hi guys,
We’ve fixed this bug in Bricks 1.5.3, now available as a one-click update within your WordPress Dashboard.

Best regards,
timmse

2 Likes

Hi Stefan,

Just spotted a post by @d19dotca which reminded me about this. This is still not fixed in 1.5.5 - please see capture below.

Many thanks

Mick

Align (container) not changing on direction.

2 Likes

That’s interesting. The align main axis was corrected to me in 1.5.5, but I see it isn’t for you here. Wonder why mine is no longer behaving that way on 1.5.5. :face_with_monocle:

Align (container) is to align the container inside its section or outer container. If you change the direction of the section or outer container, the buttons change direction for the inner container.

It’s kind of weird, because I can make a section 600px tall and align it’s content to the bottom, which moves the container to the bottom of the section. I can then go to the conainer’s panel and align it to the top. If I look back at the panel for the section, it shows the bottom align button active, but the inner container is at the top. :slight_smile:

It uses the align-self property that overrides the align-items value of the outer container. It is only supposed to work on the cross axis.

Ah thanks @macksix, So if I understand you correctly, the align (section, container, etc.) is only changed based on the parent direction and not the direction of the same container?

That’s totally fine, and can work with that logic, but I am sure it used to change before, which is why it threw me off haha.

@dustin interesting, does the align container/section work for the same section or container? i.e. change direction, and the align container will also change?

Thanks chaps :+1:

Correct

The inner container must have a size set and smaller than the outer container, so you can see it move.

1 Like

It looks like in 1.5.6 the issue is back for me on at least one of my websites. :frowning:

I know this issue is marked as Solved, but I don’t think it is (or if it was then the defect is back again), @Timmse.

Hi Dustin,
For me it looks like this (if the block is set to row in theme styles):