Opened 22 months ago
Last modified 20 months ago
#47290 new defect (bug)
Image can’t align center inside block column
Reported by: |
|
Owned by: | |
---|---|---|---|
Milestone: | Awaiting Review | Priority: | normal |
Severity: | normal | Version: | |
Component: | Bundled Theme | Keywords: | |
Focuses: | ui, template | Cc: |
Description
Attachments (1)
Change History (4)
This ticket was mentioned in Slack in #core by desrosj. View the logs.
22 months ago
Note: See
TracTickets for help on using
tickets.
Thanks for the report @hklcf I was able to reproduce this with a clean install of WP using the Twenty Nineteen theme.
Upon inspect I found the theme CSS sets a calculated width on the centered figure element surrounding the image. This causes the element to extend beyond the bounds of the column causing it's centered child image to be displaced out of the column.
Setting to 100% width when in a column block seems to resolve the issue but should be looked at in the bundled theme where this is applied.
I believe this is the SCSS which controls that width in the theme CSS;
https://github.com/WordPress/WordPress/blob/master/wp-content/themes/twentynineteen/sass/blocks/_blocks.scss#L533-L553
Moving into the Bundled Theme component for further review.