Make WordPress Core

Opened 9 months ago

Last modified 9 days ago

#58456 new defect (bug)

Twenty Twenty-Three: Font Size issue in Pullquote Block

Reported by: kajalgohel's profile kajalgohel Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 6.2.2
Component: Bundled Theme Keywords: needs-patch close 2nd-opinion
Focuses: ui, css Cc:

Description

In the Twenty Twenty-Three Theme, when a Pullquote block is added on the editor side and the font size of the block is modified, it results in extra spaces being displayed around the "Add quote" and "Add citation" texts.

Steps to replicate:
1: Activate the Twenty Twenty-Three Theme
2: Add Pullquote block
3: Enter some Text for "Add quote"
4: Enter some Text for "Add citation"
5: Change Font Size
6: Save Page/Post
7: View the page/post at the editor side and front side

For better understanding, I provide a video attachment link.
Video URL : https://share.cleanshot.com/cqPhXx6P2stDDl330GQs

Thanks.

Change History (2)

#1 @sabernhardt
9 months ago

This is not unique to Twenty Twenty-Three; the same happens in Twenty Twenty-Two.

The default styles for the Pullquote block include padding: 3em 0. Increasing the font size can make a lot of padding.

The theme probably could create its own value, but I think this report belongs on the Gutenberg repository for any theme to have more reasonable padding with large font sizes.

#2 @poena
9 days ago

  • Keywords close 2nd-opinion added

That the spacing increases with the font size is intentional.

From WordPress version 6.5, the pullquote block has margin and padding controls in the block settings panel. The user will be able to adjust both if they do not like the default spacing.

Themes need to enable the spacing controls using theme support add_theme_support( 'custom-spacing' ); or theme.json.

Twenty Twenty-Two and Twenty Twenty-Three already enables padding and margin.

Because of this, I suggest that the ticket should be closed as fixed as of 6.5.

Note: See TracTickets for help on using tickets.