Ensure that the placeholder items are visible by overwriting the comp…

…onents CSS, which has an immediate child selector to show the button. With the A tag, the placeholder is no longer the immediate child.
WordPress · Nov 9, 2023 · 6c800b2 · 6c800b2
1 parent 17da4f2
commit 6c800b2
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/packages/block-library/src/post-featured-image/editor.scss b/packages/block-library/src/post-featured-image/editor.scss
@@ -103,6 +103,18 @@
 	> a {
 		cursor: default;
 	}
+
+	// When the Post Featured Image block is linked,
+	// and wrapped with a disabled <a /> tag
+	// ensure that the placeholder items are visible when selected.
+	&.is-selected .components-placeholder.has-illustration {
+		.components-button,
+		.components-placeholder__instructions,
+		.components-placeholder__label {
+			opacity: 1;
+			pointer-events: auto;
+		}
+	}
 }
 
 div[data-type="core/post-featured-image"] {