Make WordPress Core

Opened 4 months ago

Last modified 4 months ago

#60776 new defect (bug)

Pullquote block having minor difference in spacing between editor and front side

Reported by: nidhidhandhukiya's profile nidhidhandhukiya Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 6.4.3
Component: Editor Keywords: move-to-github close
Focuses: Cc:

Description

Steps to reproduce the issue :-

  1. Activate Twenty Twenty Four theme.
  2. Choose Pullquote block.
  3. Add text and background to check the proper difference in both side.

Now check both the side editor and front.
You can able to see spacing difference in editor and frontend.

I have attached video for better understanding.
Video URL :- https://share.cleanshot.com/D39PTHnJ6TrspTC8XYMw

Attachments (3)

60776.patch (455 bytes) - added by nidhidhandhukiya 4 months ago.
2024-pullquote-editor-WP6.5.png (54.1 KB) - added by sabernhardt 4 months ago.
Pullquote block in editor, with WordPress 6.5-RC2
2024-pullquote-front-WP6.5.png (60.6 KB) - added by sabernhardt 4 months ago.
Pullquote block on front end, with WordPress 6.5-RC2

Download all attachments as: .zip

Change History (4)

@sabernhardt
4 months ago

Pullquote block in editor, with WordPress 6.5-RC2

@sabernhardt
4 months ago

Pullquote block on front end, with WordPress 6.5-RC2

#1 @sabernhardt
4 months ago

  • Component changed from Bundled Theme to Editor
  • Keywords move-to-github close added
  • Summary changed from Twenty Twenty Four :- Pullquote block having minor difference in design in editor and frontside to Pullquote block having minor difference in spacing between editor and front side

PR 45731 edited the margins, so I thought this was fixed for WordPress 6.5. However, the discrepancy is apparently due to display: block on the cite element within the editor without adding the same on the front end. Likewise, Twenty Twenty-Two and Twenty Twenty-Three have a taller Pullquote block on the front end, though with a less noticeable height difference (about 8 pixels instead of 30, at a viewport width of about 988).

PR 39414 added the inline style for the Pullquote block citation, mentioning a plan to move that to the block's style.scss. If adding it in the block styles, it may be better with :where() to keep the specificity low.

Last edited 4 months ago by sabernhardt (previous) (diff)
Note: See TracTickets for help on using tickets.