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

[Pull Quote Block] Setting a left/right text alignment applies a max width on the block #42247

Closed
andersnoren opened this issue Jul 7, 2022 · 3 comments
Labels
[Block] Pullquote Affects the Pullquote Block [Type] Bug An existing feature does not function as intended

Comments

@andersnoren
Copy link

Description

By default, the text in the pull quote block is centered. If you change the text alignment to either left or right, the pull quote block unexpectedly gets a max width of 420 pixels.

Step-by-step reproduction instructions

  1. Add a pull quote block.
  2. Set the text alignment to either left or right.
  3. The block gets a max width of 420 pixels.

Screenshots, screen recording, code snippet

image

In the screenshot, a wide group with a background color contains a pull quote with a text alignment set to left. If left to a centered text alignment, the pull quote block fills the group, as expected.

Environment info

WordPress 6.0
Gutenberg 13.6.0
Twenty Twenty-Two
Safari 15.5

Please confirm that you have searched existing issues in the repo.

Yes

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Yes

@kathrynwp kathrynwp added [Block] Pullquote Affects the Pullquote Block [Type] Bug An existing feature does not function as intended labels Jul 11, 2022
@carolinan
Copy link
Contributor

I am not able to reproduce this using the text alignment. If I use the block alignment, yes. But I believe that is expected, so that items can align next to each other.

@carolinan carolinan added the Needs Testing Needs further testing to be confirmed. label Aug 4, 2022
@andersnoren
Copy link
Author

andersnoren commented Aug 6, 2022

It seems this doesn't happen if the pull quote is a direct descendant of the entry content, since the pull quote will then have the max width set to the content width with a higher specificity. If wrapped in a group, the 420px max width is applied (when set to a left/right text alignment).

image

↑ Not wrapped in a group

image

↑ Wrapped in a group

Note that the 420px CSS is still there in the inspector in the first image – it's just overwritten.

@Mamaduka
Copy link
Member

The issue was fixed via #43188.

@Mamaduka Mamaduka added [Block] Pullquote Affects the Pullquote Block and removed [Block] Pullquote Affects the Pullquote Block Needs Testing Needs further testing to be confirmed. labels Aug 23, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Block] Pullquote Affects the Pullquote Block [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

No branches or pull requests

4 participants