Extremely Frustrating column behavior

ian11 · 2024-08-20T20:18:51.317Z

Hey all, I am experiencing a frustrating issue with the builder. Sending screenshots of the actual editor felt like it would create confusion so instead I simplified it with an illustration.

The short of it is that I have a parent container, column, space between with two children.

Group A - Contains a few different groups
Group B - Is the navigation buttons.

Basically, I want group B to always snap to the bottom, and group A to always snap to the top and then push group B down as it gets longer.

Instead, the behavior I am experiencing is that when group A gets too long, it just rolls overtop of group B.

I have tried everything I can think of to fix this - I have checked every group for a min or max height. I have deselected “Fit height to content” (and turned it back on)

Any ideas? If more information is useful, I can provide it.

image1920×945 129 KB

image1920×945 131 KB

The behavior in the second screenshot happens when I click a button on the page that expands the interior group (set’s a minimum height of 800 - which I am doing to give the user more space to edit the content)

1theritzy · 2024-08-20T23:01:49.236Z

Hi Ian,

Sounds pretty simple to fix. Would you show the element editor layout of all 3?
Also, what exactly are you doing in Group A that makes it longer? Is it a user input or what?

ian11 · 2024-08-21T14:41:06.854Z

Yes! Here they are, let me know if you need anything else.

Note: This is being built in a reusable element and the screenshots of the live page are the element embedded in a group on the page, but that element has no restrictions. (no max height for instance)

image1920×945 179 KB

image1920×945 175 KB

image1920×945 174 KB

1theritzy · 2024-08-21T20:49:40.828Z

OK, a Reusable adds another element to examine. Now show me the element layout on the pages you are using the reusable element.