Skip to content

Editor: Images don't resize (not screen responsive) in Mobile view #62064

Open

Description

Quick summary

It seems like a Gutenberg update may have broken the editor styles for mobile responsiveness for Images (Image block tested) while in the Editor. This is not happening in live post view, only in the Editor.

See below some screenshots:

In Editor:

Screen Shot on 2022-03-18 at 10-26-43

and

Screen Shot 2022-03-18 at 10 37 36

Post looks fine:

Screen Shot 2022-03-18 at 10 38 03

I tested with two themes, and it happens on both: Twenty Twenty Two (Swiss) and Hemingway Rewritten.

Gutenberg: v12.8.0
Editing Toolkit: 3.29347
WP AMP: 2.0.5

Steps to reproduce

  1. Start at the WordPress Editor on your test site
  2. Add an Image block and add an image
  3. Change the Editor "Preview" to Mobile

What you expected to happen

Image to be responsive to the Mobile view, and resize as the other content does.

What actually happened

Image does not resize, appears cut.

Context

User report:
34619152-hc

Simple, Atomic or both?

Simple, Atomic

Theme-specific issue?

No response

Browser, operating system and other notes

No response

Reproducibility

Consistent

Severity

All

Available workarounds?

No response

Workaround details

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Assignees

No one assigned

    Labels

    TriagedTo be used when issues have been triaged.To be used when issues have been triaged.User ReportThis issue was created following a WordPress customer reportThis issue was created following a WordPress customer report[Feature] Post/Page EditorThe editor for editing posts and pages.The editor for editing posts and pages.[Pri] Normal[Status] Core Fix NeededA fix within the Core WordPress or Gutenberg project is required to resolve this issue.A fix within the Core WordPress or Gutenberg project is required to resolve this issue.[Type] Bug

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions