Make WordPress Core

Opened 5 years ago

Closed 5 years ago

#48567 closed defect (bug) (fixed)

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

Reported by: poena's profile 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 5 years ago.
The resized image is correct in the editor
resized-image-front.png (103.3 KB) - added by poena 5 years ago.
Resized image is not correct on the front
48567.diff (569 bytes) - added by chetan200891 5 years ago.
Fixes image alignment issue.

Download all attachments as: .zip

Change History (9)

@poena
5 years ago

The resized image is correct in the editor

@poena
5 years ago

Resized image is not correct on the front

#1 @poena
5 years 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
5 years ago

  • Milestone changed from Awaiting Review to 5.3

Moving to 5.3, per the Twenty Twenty team.

@chetan200891
5 years ago

Fixes image alignment issue.

#3 @aftabmuni
5 years ago

  • Keywords has-patch added

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


5 years ago

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


5 years ago

#6 @ianbelanger
5 years 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.