Sticky Element Works After Align-self Stretch, But Blows Up Width of Column

How To
1

Hi,

I was able to get an element position: sticky as the user scrolls down, however in order to get it to work, I inadvertently increased width of the parent column significantly.

SETUP: 3 column flexbox.

The element I want to sticky is an author box on the third column on the right-most side.

ACTION: I went to the parent element, which appears to be a BLOCK, but is set to flex, and aligned-self to stretch in order to vertically stretch the container.

RESULT: The author box was successfully stickied, but now that column is massively wide. It went from a normal dimension of:

Shared with Zight

To this:

Shared with Zight

Does anyone have any idea what happened, and what I should do to fix this? If I take off the stretch property from align-self, the layout is fixed, but the element is no longer stickied.

Thank you.

2

Same here. I use Advanced Themer and Gutenbricks.

As I only have two colums, I just set the flex shrink of the second one to 0.