Styles: Paragraph styling impacts Site Title & Site Tagline

[annezazu]

Description

When changing Styles for the Paragraph block, the site title and site tagline are also impacted, despite being separate blocks, in Gutenberg 14.8.4.

Step-by-step reproduction instructions

1. Using 14.8.4 open the Site Editor > Styles.
2. Head to Blocks > Paragraph
3. Make changes and notice it impacts the Site Title and Site Tagline.
4. Try to make changes to Site Title afterwards and notice the changes to stick.

Screenshots, screen recording, code snippet

styles.changes.mov

Environment info

• WP 6.1.1
• GB 14.8.4
• TT3

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

[apeatling]

The cause of this looks to be targeting the styles on the p html element which then bleeds into any block that contains a paragraph element. You can also see the issue on blocks like post comments form.

[juanfra]

Probably targeting only the paragraph block p on the entry content could be a solution.

[juanfra]

I've been checking this one a bit more in-depth, and the paragraph block is not using class name, which makes it more complicated to target styles only for the content produced by this block.

We could potentially start using class names for the paragraph block and target the styles only for this type of block. The tradeoff with this fix will be that there's no backward compatibility and it'll work only for content produced after the fix. A different option could be adding more targeted css for this but it could lead into a rabbit hole.

[ndiego]

Regarding block-specific classes, the same is true for lists. Recently headings were the same, but now headings receive block classes. While adding classes to every paragraph block is not ideal, I am not sure of another way to fix this without complex and potentially fragile CSS.

[apeatling]

Good context @ndiego, thanks. I assumed adding the classname would cause a bunch of invalidations, but looks like the heading blocks classnames were added server side which avoided the issue. Adding the classname seems like the most obvious option.

[juanfra]

Sounds good. I can open a PR with the changes to add the CSS class to paragraphs in the coming days.

[hbhalodia]

Hi, hope all are doing well. Let me know if I can pick this issue up and raise a PR for the same. I see the PR - #47282, quite old, may need rework for the same or may have conflicts.

Thanks.

[annezazu]

Not enough progress has been made for 6.5. Punting this as a result!

[colorful-tones]

Hi folks,
We are only one week away from the Beta 1 cut-off date for WordPress 6.6. This issue hasn’t seen any movement in a while, so we (the editor triage leads of the 6.6 release) have decided to remove it from the WordPress 6.6 Editor Tasks project board.

[shimotmk]

Hello 👋
I found this issue too.
This pull request has a large impact, but it's very important and great.
#47282
I hope you'll move forward with fixing the bug.