Inge Reck

Thank you @janmtm. Yes, I will follow-up on GitHub

@poena Perfect. Thank you.

I confirm that temporarily disabling IPv6 on a webdock.io server did fix the issue. In case someone is looking for instructions how to temporarily disable IPv6 on Ubuntu, I am sharing this post that worked for me: https://itsfoss.com/disable-ipv6-ubuntu-linux/

Thanks for the feedback, Courtney. I am sharing my latest findings and an update on this.

The default hight of medium_large is zero:

the_post_thumbnail('medium_large'); // Medium Large resolution (default 768px x 0px max)

I added this snippet to set both width and height to 768 px:

function change_ml_size() {
update_option( 'medium_large_size_w', 768 );
update_option( 'medium_large_size_h', 768 );
}

add_action('init', 'change_ml_size');

Furthermore, I added the following snippet to add medium_large to the dropdown list of the image block:

add_filter( 'image_size_names_choose', function() {
	return [
		'thumbnail'    => __( 'Thumbnail', 'textdomain' ),
		'medium'       => __( 'Medium', 'textdomain' ),
		'medium_large' => __( 'Medium Large', 'textdomain' ),
		'large'        => __( 'Large', 'textdomain' ),
		'full'         => __( 'Full Size', 'textdomain' ),
	];
} );

Medium_large is not selectable by default in the Twenty Twenty-Three default theme, I was wrong with that.

By creating the corresponding medium_large portrait size and selecting it in the dropdown list of the image block, I was able to fix a Lighthouse “Serve images that are appropriately sized to save cellular data and improve load time” audit recommendation running the Twenty Twenty-Three theme. I also tested in Twenty Twenty-One, but without success.

Hi @courtneypk, thank you for bringing this to my attention.

It still does not make sense to me why WordPress would add better responsive image support for landscape images, but not for portrait images.

The above mentioned post is from 2015 and I can confirm that as of now, WordPress 6.1.1 running the Twenty Twenty-Three default theme, “the medium_large size is included in the UI when selecting an image to insert in posts” from the dropdown menu of the image block. Since this option is not available in the Twenty Twenty-One default theme, I guess this option needs to be implemented by the theme.

Happy 2022!

I would like to share my findings. The problem was a crooked aspect ratio of the uploaded video.

When selecting the vimeo (or youtube) embed block, entering the URL and hitting the embed button, the Additional CSS class(es) field under Advanced cannot be empty. If it is, there is a problem with the aspect ratio of the video.

Adding any of the classes

wp-embed-aspect-1-1 wp-has-aspect-ratio
wp-embed-aspect-4-3 wp-has-aspect-ratio
wp-embed-aspect-16-9 wp-has-aspect-ratio

manually, is only a short term solution, it gets removed as soon as the page or post is edited again.

In my case, the aspect ratio of the uploaded video was 4.5:3. I corrected it to 4:3 (640 x 480), uploaded the videos again and had my problem solved.

Hi James,

Just opened an individual support topic for the dark mode issue.

https://ww.wp.xz.cn/support/topic/block-with-overlapping-element-is-not-properly-displayed-in-dark-mode/#new-post

Have a great week, Inge