WordPress.org

Make WordPress Core

#48567 closed defect (bug) (fixed)

Twenty Twenty: Images that are resized are positioned to the left

Reported by: poena Owned by:
Milestone: 5.3 Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: has-patch close
Focuses: Cc:

Description

In RC5:

When you resize an image in the editor, the image is positioned all the way to the left of the browser window. It is not contained within the content width.

The image is correctly positioned while in the editor.

To reproduce:
Add any standard image (without alignment, columns, group etc),
Resize it to for example 25% or change the image dimensions.
Preview or publish the post or page to view it.

When the is-resized css class is removed from wp-block-image, the image is
positioned correctly.

Further testing is needed to confirm if this effects more elements than images.

Attachments (3)

resized-image-editor.png (79.2 KB) - added by poena 11 months ago.
The resized image is correct in the editor
resized-image-front.png (103.3 KB) - added by poena 11 months ago.
Resized image is not correct on the front
48567.diff (569 bytes) - added by chetan200891 11 months ago.
Fixes image alignment issue.

Download all attachments as: .zip

Change History (9)

@poena
11 months ago

The resized image is correct in the editor

@poena
11 months ago

Resized image is not correct on the front

#1 @poena
11 months ago

The block library CSS adds the following, but I cannot tell exactly which CSS change in Twenty Twenty RC5 that moved the images:

.wp-block-image.is-resized {
    display: table;
    margin-left: 0;
    margin-right: 0;
}

#2 @SergeyBiryukov
11 months ago

  • Milestone changed from Awaiting Review to 5.3

Moving to 5.3, per the Twenty Twenty team.

@chetan200891
11 months ago

Fixes image alignment issue.

#3 @aftabmuni
11 months ago

  • Keywords has-patch added

This ticket was mentioned in Slack in #core-themes by karmatosed. View the logs.


11 months ago

This ticket was mentioned in Slack in #core-themes by sergey. View the logs.


11 months ago

#6 @ianbelanger
11 months ago

  • Keywords close added
  • Resolution set to fixed
  • Status changed from new to closed

This issue was fixed in #48571

Note: See TracTickets for help on using tickets.