Hide content image when lightbox is opened

WordPress · Jul 10, 2024 · 5d911ec · 5d911ec
1 parent acda158
commit 5d911ec
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/packages/block-library/src/image/index.php b/packages/block-library/src/image/index.php
@@ -215,6 +215,7 @@ function block_core_image_render_lightbox( $block_content, $block ) {
 	// contain a caption, and we don't want to trigger the lightbox when the
 	// caption is clicked.
 	$p->set_attribute( 'data-wp-on-async--click', 'actions.showLightbox' );
+	$p->set_attribute( 'data-wp-class--hide', 'state.overlayOpened' );
 
 	$body_content = $p->get_updated_html();
 

diff --git a/packages/block-library/src/image/style.scss b/packages/block-library/src/image/style.scss
@@ -9,6 +9,10 @@
 		max-width: 100%;
 		vertical-align: bottom;
 		box-sizing: border-box;
+
+		&.hide {
+			opacity: 0;
+		}
 	}
 
 	// The following style maintains border radius application for deprecated