Make WordPress Core

Opened 2 years ago

Last modified 4 months ago

#55581 new defect (bug)

Twenty Twenty: Aligned images cannot be resized or are properly displayed

Reported by: robertghetau's profile robertghetau Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.9.3
Component: Bundled Theme Keywords: needs-testing
Focuses: Cc:

Description

Steps to replicate:

  1. Create a new page
  2. Add content to it and make sure you have a paragraph block and an image block.
  3. Align the block to the right and modify its size.

Two things will happen:

  1. The size of the image is not respected.
  2. The alignment is not the same(editor vs frontend)

This happens with the latest version of WordPress(5.9.3) and Twenty Twenty(1.9)

Change History (6)

#1 @sabernhardt
2 years ago

  • Component changed from General to Bundled Theme

#2 @hilayt24
2 years ago

Hi @robertghetau,

I can reproduce this issue. And by looking deeper I found that the position absolute is the p[roblem. By removing that the images will be visible the same in front and back.

But somehow I can't able to reproduce the first issue.

#3 @hilayt24
2 years ago

Remove the position absolute from the below class.

@media (min-width: 1000px)
.entry-content > .alignleft, .entry-content > p .alignleft, .entry-content > .wp-block-image .alignleft {
    position: absolute;
}

#4 @mrfoxtalbot
2 years ago

I am still able to reproduce this.

To clarify, making the floated image small does work but there seems to be a limit on how big the image can be made. I'm going to add a link to a screenshot for clarity:

https://mrfoxtestingsite.files.wordpress.com/2022/06/screen-capture-on-2022-06-22-at-12-52-41.mp4

#5 @mrfoxtalbot
2 years ago

I have opened a matching issue to track this bug for Twenty Twenty-One: https://core.trac.wordpress.org/ticket/56038

#6 @karmatosed
4 months ago

  • Keywords needs-testing added
Note: See TracTickets for help on using tickets.