Issue with the columns block

  • robbertsturdy

    (@robbertsturdy)


    2 months, 1 week ago

    I think I’ve found an issue with the Columns block that shouldn’t be happening.

    For example, imagine a Columns block containing five inner columns. When I place this block on a page, enable Allow Column Wrapping, set all columns to the same width (33.333%), and set Column Justify to Center, everything looks correct in the editor.

    However, on the front end of the page, each inner column is rendered at 100% width. This only happens when Column Justify is enabled. When I reset that option, the layout works as expected, but then I don’t get the desired result.

    After using element inspector, it appears that the flex rule assigning the 33.333% width is being overridden by another CSS rule. I believe this override is what’s causing the issue.

    Editor:

    Front:

Viewing 1 replies (of 1 total)
Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.