Disable lightbox UI and add help text for linked images

WordPress · Oct 6, 2023 · f69033d · f69033d
1 parent c671843
commit f69033d
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/block-library/src/image/image.js b/packages/block-library/src/image/image.js
@@ -377,6 +377,8 @@ export default function Image( {
 	const lightboxChecked =
 		!! lightbox?.enabled || ( ! lightbox && !! lightboxSetting?.enabled );
 
+	const lightboxToggleDisabled = linkDestination !== 'none';
+
 	const dimensionsControl = (
 		<DimensionsTool
 			value={ { width, height, scale, aspectRatio } }
@@ -555,6 +557,14 @@ export default function Image( {
 										lightbox: { enabled: newValue },
 									} );
 								} }
+								disabled={ lightboxToggleDisabled }
+								help={
+									lightboxToggleDisabled
+										? __(
+												'Expand on Click is disabled for linked images.'
+										  )
+										: ''
+								}
 							/>
 						</ToolsPanelItem>
 					) }