Skip to content

Max Content Width issue - Block's max. content width is not reflecting properly on frontend #2502

@andeng1106

Description

@andeng1106

Describe the bug
When changing max. content width for the nested columns/container block, it doesn't apply correctly on backend.

Observations:

  • Saw this issue on 3.4.5 also so this happens before performance enhancements
  • This might only happen for Columns/Container block only so make sure other blocks will not be affected.

To Reproduce
Steps to reproduce the behavior:
Shortcut:

  1. Add a new page
  2. Copy and paste these blocks on your page:
    max content width frontend issue.txt
  3. Save page
  4. Observe editor (expected) vs. frontend view (issue)

Exact steps:

  1. Add a new page
  2. Add a Columns/Container block
  3. Inside the nested column from Step 2, add another Columns/Container block inside
  4. Add two columns and one Heading block each
    • This is how the structure would look like:
      image
  5. (optional) Add background color for both Columns/Container block
  6. In the nested Columns/Container block, set Max. Content Width to 750px and Content Horizontal Align as center (Block tab > Size & Spacing > Max. Content Width / Content Horizontal Align)
  7. Save page
  8. Observe editor (expected) vs. frontend view (issue) if it looks similar or not

Expected behavior
Frontend view should be same with editor when adjusting Max. Content Width

Screenshots

2022-10-28.18-10-05.mp4

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions