WWB18 crashes when reordering an object

[mixextra]

Hello Pablo greetings,

when reordering an object in the Object Manager, WWB18 crashes.
Simulating the problem, see the video:
https://1drv.ms/v/s!AvUMMey_-ptLgRkVIGl ... q?e=XjTuVb

wbs file:
https://1drv.ms/u/s!AvUMMey_-ptLgRhoYq1 ... v?e=gTcHzD

Thanks for watching

[Pablo]

it crashes because you are trying to do something that does not make sense. So, this corrupts the layout.

Also, why are you using a flex container inside a layout grid? It was not designed to be used this way.
In general, different layout system should not be nested. So, no flexbox in a layout grid and no layout grid inside flexbox.

[mixextra]

The goal was to achieve:
- round corners of the white background of the container
- max. container width with white background 1200
- so that the gray background of the page is always visible even when the browser is reduced
- equal height cards

For cards to be stored at breakpoints like this:
1280 - 1 row and 4 columns
980 - 2 rows and 2 columns
480 - 4 rows and 1 column

marked in the pictures:

[Bluesman]

Hi mixextra... why don't you use a card container and cads?

[mixextra]

HI Bluesman

It was a project in WWB17, which has been working for about 8 months and is published.

The project uses a layout grid (grid system: flexbox) - reasons:
- round corners of a white background
- spaces on the sides when the browser is reduced to see the gray background of the page
A Card Container (mode: grid) is inserted into the grid - reasons:
- equal height cards
- 1280 1 row and 4 columns
- 980 2 rows and 2 columns
- 480 4 rows and 1 column

Today when transitioning the project from WWB17 to WWB18 the project crashed.
At the time of project design, this was the method that worked for me.

[Pablo]

The goal was to achieve:
- round corners of the white background of the container
- max. container width with white background 1200
- so that the gray background of the page is always visible even when the browser is reduced
- equal height cards

- set the background and radius for the card container
- use margin in the card container to add spacing around it.

Today when transitioning the project from WWB17 to WWB18 the project crashed.

This has nothing to do with WB18.
In your video you are dragging the card continent onto a (child) card.
If you try to to the same in WB17 (or any other version) then it will also crash, because it is not valid. It will corrupt the page structure.
Anyway, I will add validation for this in the next update.

[mixextra]

This has nothing to do with WB18.

Pablo,

I know it's not version 18.
I just wanted to explain that the project was created in 17 and I came across this behavior when changing the project to 18

[mixextra]

- set the background and radius for the card container
- use margin in the card container to add spacing around it.

This setting will not fix:
- the maximum width of the white background to 1280
- vertical gray space on the right and left side of the container after the browser is reduced

Adding margins does not respond to the right and left side of the container. The white background is always the full width of the browser.

NOTE:
I noticed that the right and left margins work fine,
but when I set Layout: maximum width 1280, the background stops accepting the set margin.

[mixextra]

it crashes because you are trying to do something that does not make sense. So, this corrupts the layout.

Also, why are you using a flex container inside a layout grid? It was not designed to be used this way.
In general, different layout system should not be nested. So, no flexbox in a layout grid and no layout grid inside flexbox.

Hi Pablo,

can you advise the setting on the correct procedure to achieve the desired layout?

It seems that when the maximum width is added to the "card container" it applies only to the content of the container and not to the "card container"
and the generated HTML overwrites the set margin of 20px to auto.
The only solution I see now is to wrap the "card container" in another flex container.

At the time of the proposal, I was also based on this post:
https://www.wysiwygwebbuilder.com/forum ... 25#p471162
where I understood that it is possible to insert "card container" into "flex grid".

Thanks for the ideas.

[Pablo]

You cannot have left/right margin and max-width at the same time in the same container, otherwise the container would not be centered.
So, if that is what you want then you will need to use a nested grid.