Skip to content

Incorrect Preview for Media and Text Block #96434

@devNigel

Description

@devNigel

Quick summary

The preview for Media & Text Block shown in the editor has the text shown after the image. However, in reality, Media & Text Block show can only show the image and text side by side. The issue is reproducible on Simpl, Atomic and self-hosted sites.

Steps to reproduce

  1. On a page or post editor, add a Cover Block image with a text overlay.
  2. On the toolbar option, click on Cover block icon and hover over the icon of Media & Text block.
  3. You will observe that the preview shows text below the image.

Screenshot:

Image

What you expected to happen

The preview should be accurate.

What actually happened

The preview of Media & Text block was inaccurate.

Recording: https://github.com/user-attachments/assets/3ecc369f-1699-4f6c-876f-c729b17a44d2

Impact

All

Available workarounds?

No but the platform is still usable

If the above answer is "Yes...", outline the workaround.

No response

Platform (Simple and/or Atomic)

Simple, Atomic, Self-hosted

Logs or notes

User report: 9040397-zd-a8c

Metadata

Metadata

Labels

Customer ReportIssues or PRs that were reported via Happiness. Previously known as "Happiness Request".[Experiment] AI labels added[Feature Group] Editor ExperienceFeatures related to Gutenberg integration on WordPress.com.[Feature] Core BlocksBlocks that come with Gutenberg.[Feature] MediaThe media screen in Calypso, general media management, or integration with third party media.[Feature] Post/Page EditorThe editor for editing posts and pages.[Platform] Atomic[Platform] Simple[Pri] NormalSchedule for the next available opportuinity.[Product] WordPress.comAll features accessible on and related to WordPress.com.[Status] 3rd Party Fix NeededA fix from a 3rd party is required to resolve this issue.[Status] Core Fix NeededA fix within the Core WordPress or Gutenberg project is required to resolve this issue.[Status] Escalated to Product Ambassadors[Type] BugWhen a feature is broken and / or not performing as intended

Type

Projects

Status

Backlog

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions