Make WordPress Core

Opened 4 months ago

Last modified 4 months 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
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 (1)

#1 @sabernhardt
4 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.

Note: See TracTickets for help on using tickets.