NO BUG: Problem displaying flex direction on mobile landscape and mobile portrait

Bugs
1

Browser: Chrome 110
OS: Windows
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hello bricks team,

There seems to be a problem with the default direction display of the direction control.

1- In a container, add two or more blocks and set the direction to row.
2- Now go to mobile landscape and mobile portrait. It is automatically oriented to column. But the direction control still shows row.

Now here if we choose reverse, it will not work because the direction is actually in rows.

Also, if we enable reverse once and then enable it again, the style indicator remains.

I think something is not working properly here. In fact, in mobile landscape and mobile portrait the direction control is expected to display the column direction as default because that is how it works. Just like the Wrap control, mobile landscape and mobile portrait change to Wrap.

2

Hi @Victor1999,

I’ve decided to mark this topic as no-bug, and will try explain to you why.

When you select the “Horizontal (row)” direction, you apply flex-direction: row; style. If you then select “reverse” control, it will set flex-direction: row-reverse;.

Hover, once you get to the mobile breakpoint, by default, Bricks will set flex:wrap. And it will wrap it to the column. As soon as you have this, the controls mentioned above does not apply anymore. You have to manually select “Direction → vertical (column)”, and then you should be able to reverse it.

I hope I explained it well,
Matej

1 Like
3

Hi @Matej,

Thanks for the explanation.

1 Like