Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
andeng1106 opened this issue Oct 28, 2022 · 0 comments · May be fixed by #2694
Open

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

andeng1106 opened this issue Oct 28, 2022 · 0 comments · May be fixed by #2694
Assignees
Labels
[block] Columns bug Something isn't working

Comments

@andeng1106
Copy link

andeng1106 commented Oct 28, 2022

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
@andeng1106 andeng1106 added bug Something isn't working [block] Columns labels Oct 28, 2022
@bfintal bfintal assigned bfintal and unassigned vmc08 Feb 13, 2023
@bfintal bfintal assigned mxkae and unassigned bfintal Jun 4, 2023
@mxkae mxkae linked a pull request Jun 13, 2023 that will close this issue
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[block] Columns bug Something isn't working
Projects
None yet
4 participants