WordPress / gutenberg

The Block Editor project for WordPress and beyond. Plugin is available from the official repository.
https://wordpress.org/gutenberg/
Other
10.54k stars 4.21k forks source link

Pullquote Block: Spacing inconsistency between editor and frontend #67067

Open SainathPoojary opened 1 week ago

SainathPoojary commented 1 week ago

Description

There is a spacing inconsistency in the Pullquote block between the editor and the frontend.

Expected behavior: The spacing inside the <blockquote> tag in both the editor and the frontend should remain consistent. For example, in the Twenty Twenty-Five theme, the spacing is set to --wp--preset--spacing--30 (20px), which should apply consistently.

Current behavior: In the editor, the spacing above the element is consistent with the theme’s expected spacing. However, on the frontend, the tag introduces additional unintended space, causing the overall spacing to exceed the expected value.

Step-by-step reproduction instructions

  1. Open a post or page in the WordPress editor.
  2. Insert a Pullquote block and add content, including a citation.
  3. Observe the spacing inside the <blockquote> tag in the editor.
    • For the Twenty Twenty-Five theme, this spacing should be --wp--preset--spacing--30 (20px).
  4. Publish the post or page and view it on the frontend.
  5. Compare the spacing above the <cite> tag between the editor and the frontend.

Screenshots, screen recording, code snippet

Editor:

Image

Frontend:

Image

Environment info

Please confirm that you have searched existing issues in the repo.

Please confirm that you have tested with all plugins deactivated except Gutenberg.

Please confirm which theme type you used for testing.