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

Full-width paragraphs have a different width in the Content region compared to other regions #3820

Open
bberndt-uaz opened this issue Oct 24, 2024 · 1 comment · May be fixed by #3859
Open
Assignees
Labels
bug Something isn't working visual change Introduces a visual change

Comments

@bberndt-uaz
Copy link
Contributor

bberndt-uaz commented Oct 24, 2024

Describe the bug

Full-width Text on Media or Text with Background paragraphs in the Content region fully cover the width of the page. In contrast, full-width paragraphs in other regions include a right margin of 15px for the scrollbar.

image

This extra right margin is confirmed to appear on:

  • macOS, all browsers, with the "Show scroll bars" setting as "Automatically based on mouse or trackpad" or "Always". If that setting is set to "When scrolling", this issue does not appear.
  • Windows 10, Chrome browser

This extra right margin is confirmed NOT to appear on:

  • macOS, all browsers, with the "Show scroll bars" setting as "When scrolling"
  • Android 9, Chrome browser

To Reproduce

Steps to reproduce the behavior:

  1. Create a page with a full-width Text on Media paragraph.
  2. Create a block with another full-width Text on Media paragraph.
  3. In Block Layout, add the block to a region such as Content Top or Full Width Content Bottom.
  4. Observe that the widths of the two paragraphs are not the same.

Proposed resolution

Either:

  1. Add the right margin for the scrollbar to full-width paragraphs in the Content region, or
  2. Remove the right margin for the scrollbar from full-width paragraphs in all other regions

Expected behavior

Full-width paragraphs should have a consistent width across all regions.

@bberndt-uaz
Copy link
Contributor Author

Per discussion in the AZ Digital meeting today: the full-width paragraphs should have a consistent width for all regions and we plan to remove the right margin from full-width paragraphs in regions that aren't the Content region (option 2 in the description above).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working visual change Introduces a visual change
Projects
None yet
1 participant