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 | 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)
Change History (9)
#1
@
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
@
5 years ago
- Milestone changed from Awaiting Review to 5.3
Moving to 5.3, per the Twenty Twenty team.
The resized image is correct in the editor