Make WordPress Core

Opened 8 weeks ago

Last modified 3 weeks ago

#62242 new defect (bug)

Twenty Twenty: Latest post block change font-family while change post content from excerpt to full post

Reported by: viralsampat's profile viralsampat Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: has-patch
Focuses: css Cc:

Description

Hello Team,

I have checked "Latest Post" block and found that its font-family is changing when we are trying to change its post content from excerpt to full post.

I think that it should be same.

For, better understanding here I have provided its video.

Thanks,

Attachments (1)

Screen Recording 2024-10-17 at 6.05.06 PM.mp4 (1.9 MB) - added by viralsampat 8 weeks ago.
Issue video:

Download all attachments as: .zip

Change History (4)

#1 @sainathpoojary
4 weeks ago

  • Keywords needs-testing removed

Reproduction Report

Description

This report verifies if the issue can be reproduced, highlighting an inconsistency in the font family displayed in the editor when show “Full Post” is enabled.

Environment

  • WordPress: 6.8-alpha-59274-src
  • PHP: 8.2.25
  • Server: nginx/1.27.2
  • Database: mysqli (Server: 8.0.40 / Client: mysqlnd 8.2.25)
  • Browser: Chrome 130.0.0.0
  • OS: macOS
  • Theme: Twenty Twenty 2.8
  • MU Plugins: None activated
  • Plugins: Test Reports 1.2.0

Actual Results

When show “Full Post” is enabled, the post content displays an incorrect font family in the editor.

The incorrect font styling applied in the editor is as follows:

.editor-styles-wrapper p, .editor-styles-wrapper ol, .editor-styles-wrapper ul, .editor-styles-wrapper dl, .editor-styles-wrapper dt {
    font-family: NonBreakingSpaceOverride, "Hoefler Text", "Noto Serif", Garamond, "Times New Roman", serif;
    letter-spacing: normal;
}

Supplemental Artifacts

Editor:

https://utfs.io/f/PL8E4NiPUWyOBNHUkMXZ01UHRG85yihbLqO4YmEXjegTsuz6

Front end:

https://utfs.io/f/PL8E4NiPUWyOkRakXdqJhQqGwV9t5a1L76cAb8yZUBDWKCgM

This ticket was mentioned in PR #7819 on WordPress/wordpress-develop by @im3dabasia1.


3 weeks ago
#2

  • Keywords has-patch added; needs-patch removed

Trac ticket: https://core.trac.wordpress.org/ticket/62242

The font-family for the "Latest Post" block was previously inconsistent between the excerpt and full post in the editor. This change ensures the font-family remains the same when switching between excerpt and full post in the editor.

Changes made:
Added font-family: inherit; to .wp-block-latest-posts__post-full-content p to ensure font consistency in the editor.
This resolves the issue where the font family for the full post in the editor was different from the excerpt, ensuring consistency in the editing experience.

Before: (The full post content is having an inconsistent font family as compared to the excerpt in editor, excerpt in the frontend and, full content in the frontend)
After: (After the change the full content is consistent in the editor and the frontend just like how the excerpt is)

Before:

https://github.com/user-attachments/assets/13bf0f8b-d74f-47f9-807d-a78d6f44d3ce

After:

https://github.com/user-attachments/assets/c866d5d5-52ca-4374-a1dc-b2017e3ed96d

#3 @desrosj
3 weeks ago

  • Keywords dev-feedback removed
  • Summary changed from Twenty Twenty Theme: Latest post block change font-family while change post content from excerpt to full post to Twenty Twenty: Latest post block change font-family while change post content from excerpt to full post
Note: See TracTickets for help on using tickets.