Avoid Content Break with Dynamic Content in a Text Field

[j0hnwat3rman]

Hello -

I am dynamically pulling in content into a layout based on ACF values. Most of this is working as expectedl, however, the multi-column layout option within a text element seems to only work if you use the “Auto” content break option. Changing that to “Avoid” prevents the content from being broken into columns.

You can see what I’m talking about in the two screenshots attached here.

Do you know of a way to get around this?

[ruenel]

Hello @j0hnwat3rman,

Thanks for writing in!

The Content Break option will (or will not) break the contents of the element into columns. If you select Auto, the contents will be broken down into columns. If you will select “Avoid”, then you are telling the browser not break the elements into columns. You see, the browser sees your content as one whole unit since this is a list item.

• CSS break-inside Property (w3schools.com)

Hope this explains it briefly.