Skip to content

Image block: Image looks cut off or not centered on certain devices #5091

@reginabally

Description

@reginabally

Describe the bug
Initially reported in 5465772-zd-woothemes. The image looks cut off in the app's editor on an iPad. On an iPhone 11, the image wasn't cut off but wasn't centered. We can't reproduce this on iPhone SE.

To Reproduce
Steps to reproduce the behavior:

  1. Copy the image from this post: pqyTp-4p8-p2
  2. Add the image to an Image block on a test site via the web editor
  3. View the image on the app's editor

Note:

  • Not sure if this is related, but the theme on the site is Intergalactic 2
  • The user reported the issue on a Reusable block, but according to the testing done on iPhone 11, the image on both the Reusable block and Image block looked the same (i.e., not centered in the app's editor).

Expected behavior
The image is centered and not cut off in the app's editor.

Screenshots

Screenshot taken on an iPad

IMG_7920

Screenshot taken on an iPhone 11

Top image: Reusable block
Bottom image: Image block

IMG_6A64509461DF-1

Screenshot taken on an iPhone SE

Image from iOS

Smartphone (please complete the following information):

  • Device: iPad Pro (11-inch), iPhone 11, iPhone SE
  • OS: 15.6
  • WPiOS 20.4

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions