Blocks: fix slideshow sizing for lazy-loaded images (#45164)

Fix sizing issue for lazy-loaded images (usually starting with 3rd image) in Slideshow block.

Author: sergeymitr

projects/plugins/jetpack/changelog/fix-slideshow-block-lazy-loading-size

@@ -0,0 +1,4 @@
+Significance: patch
+Type: other
+
+Blocks: fix slideshow sizing for lazy-loaded images.

projects/plugins/jetpack/extensions/blocks/slideshow/slideshow.php

@@ -51,6 +51,19 @@ function load_assets( $attr, $content ) {
 		enqueue_swiper_library();
 	}
 
+	// Fix for lazy loading conflict with slideshow images.
+	if ( ! is_admin() ) {
+		add_filter(
+			'wp_content_img_tag',
+			function ( $image ) {
+				if ( str_contains( $image, 'loading="lazy"' ) && str_contains( $image, 'wp-block-jetpack-slideshow_image' ) ) {
+					$image = str_replace( 'sizes="auto, ', 'sizes="', $image );
+				}
+				return $image;
+			}
+		);
+	}
+
 	return $content;
 }