Twenty Twenty: Inline image in paragraph renders as block on frontend

[rishabhwp]

In the Twenty Twenty theme, when an image is inserted inline within a paragraph block in the WordPress block editor, it is rendered with display: inline in the backend (editor), which matches WYSIWYG expectations.

However, on the frontend, the same image is rendered with display: block, causing layout issues and breaking the inline flow of the paragraph.

This behavior is inconsistent and violates the WYSIWYG principle.

Steps to Reproduce

1. Create or edit a post.
2. Add a paragraph block and insert an image inline with the text.
3. Save and view the post on the frontend.

Editor

Frontend

[rishabhwp]

Patch for Ticket #63615

[rishabhwp]

After Patch Frontend

[shreya0shrivastava]

Reproduction Report

Description

This report validates whether the issue can be reproduced.

Environment

• WordPress: 6.9-alpha-60301
• PHP: 8.2.28
• Server: Apache/2.4.62 (Debian)
• Database: mysqli (Server: 11.8.2-MariaDB-ubu2404 / Client: mysqlnd 8.2.28)
• Browser: Chrome 137.0.0.0
• OS: macOS
• Theme: Twenty Twenty 2.9
• MU Plugins: None activated
• Plugins:
  • Gutenberg 21.0.0
  • Test Reports 1.2.0

Actual Results

1. ✅ Error condition occurs (reproduced).

Supplemental Artifacts

1. Editor Screenshot
   

2. Front end Screenshot
   

[sabernhardt]

This is already reported on #50418.