Placeholder: Fix hover style. (#44701)

* Placeholder: Fix hover style. * Enable clicking "Start blank".
WordPress · Oct 11, 2022 · fecf3d2 · fecf3d2
1 parent da4b22a
commit fecf3d2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/packages/block-editor/src/components/block-list/style.scss b/packages/block-editor/src/components/block-list/style.scss
@@ -264,8 +264,18 @@
 .is-outline-mode .block-editor-block-list__block:not(.remove-outline) {
 	&.is-hovered {
 		cursor: default;
-		box-shadow: inset 0 0 0 $border-width var(--wp-admin-theme-color);
-		border-radius: $radius-block-ui;
+
+		&::after {
+			content: "";
+			position: absolute;
+			pointer-events: none;
+			top: $border-width;
+			left: $border-width;
+			right: $border-width;
+			bottom: $border-width;
+			box-shadow: 0 0 0 $border-width var(--wp-admin-theme-color);
+			border-radius: $radius-block-ui - $border-width;
+		}
 	}
 
 	&.is-selected {

diff --git a/packages/components/src/placeholder/style.scss b/packages/components/src/placeholder/style.scss
@@ -182,6 +182,9 @@
 	backdrop-filter: blur(100px);
 	background-color: transparent;
 
+	// This appears to fix an occasional Chrome bug where the blurred background would have an incorrect color.
+	backface-visibility: hidden;
+
 	// Invert the colors in themes deemed dark.
 	.is-dark-theme & {
 		background-color: rgba($black, 0.1);