Theme.json > Styles > Typography > textAlign breaks text alignment options in the block toolbar #62685
Labels
Global Styles
Anything related to the broader Global Styles efforts, including Styles Engine and theme.json
[Type] Bug
An existing feature does not function as intended
Description
I searched but was not able to find an open issue for this.
I was trying to understand how the new textAlignment typography style and settings worked.
With Gutenberg trunk on 6.6 beta 3, if I set a default alignment to a text based block like the site title using theme.json, then I can not change the alignment using the block toolbar.
The CSS that sets the default seems to have a higher specificity and overrides the
has-text-align
CSS:Step-by-step reproduction instructions
Activate Gutenberg.
Activate Twenty Twenty-Four.
Open theme.json replace the styles section with
Open the Site Editor and insert a new Site Title block.
Confirm that the text in the block is centered.
Try adjusting the alignment to left or right using the option in the block toolbar.
Confirm that the alignment does not change.
Screenshots, screen recording, code snippet
No response
Environment info
No response
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
The text was updated successfully, but these errors were encountered: