WP 6.7: Adding Anchor Link to Media & Text Block Sets Link to Inline-Block

[ajmaurya]

When adding an anchor link to the Media & Text block, the following CSS style is applied, causing the media to display at a reduced size.

Testing with a medium media size results in the image width being limited to 300px, making the media appear too small.

In the Editor the media size looks perfect.

.wp-block-media-text__media a {
    display: inline-block;
}

Demo -
​https://share.zight.com/7KuN5mYJ

[ankitkumarshah]

Hi @ajmaurya,

Thank you for bringing this up. It appears that this issue is related to Gutenberg, so I’ve opened an issue in the Gutenberg repository for further review.

​https://github.com/WordPress/gutenberg/issues/66914

Thanks again for your help.

[sabernhardt]

​PR 62556 added the inline-block display (on the front end) to fix an issue with the focus outline.

If your Medium size is 300 pixels, selecting that Resolution in the block settings would fetch the image file that is only 300 pixels wide. I think that if 300 is too small, you would need to select a larger resolution so it does not stretch and pixelate.

[abcd95]

#62406 was marked as a duplicate.