Related Posts Block: Fix Thumbnails Opening in Same Tab (#34410)

* Related Posts Block: Open Thumbnails in New Tab * Add changelog
Automattic · Dec 1, 2023 · 2d124cc · 2d124cc
1 parent 58a8518
commit 2d124cc
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/projects/plugins/jetpack/changelog/fix-related-posts-thumbnails b/projects/plugins/jetpack/changelog/fix-related-posts-thumbnails
@@ -0,0 +1,4 @@
+Significance: patch
+Type: bugfix
+
+Related Posts block: fix thumbnails opening in the same tab.
diff --git a/projects/plugins/jetpack/extensions/blocks/related-posts/edit.js b/projects/plugins/jetpack/extensions/blocks/related-posts/edit.js
@@ -100,13 +100,16 @@ function RelatedPostsEditItem( props ) {
 				{ props.post.title }
 			</a>
 			{ props.displayThumbnails && props.post.img && props.post.img.src && (
-				<a className="jp-related-posts-i2__post-img-link" href={ props.post.url }>
+				<a
+					className="jp-related-posts-i2__post-img-link"
+					href={ props.post.url }
+					target="_blank"
+					rel="nofollow noopener noreferrer"
+				>
 					<img
 						className="jp-related-posts-i2__post-img"
 						src={ props.post.img.src }
 						alt={ props.post.title }
-						rel="nofollow noopener noreferrer"
-						target="_blank"
 					/>
 				</a>
 			) }