update: styles for cover block on focus

up1512001 · Jul 28, 2024 · d96ec6b · d96ec6b
1 parent f832445
commit d96ec6b
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/packages/block-library/src/cover/style.scss b/packages/block-library/src/cover/style.scss
@@ -58,6 +58,15 @@
 		opacity: 0.5;
 	}
 
+	/**
+	 * To support key board navigation, focus styles are added to the cover block.
+	 */
+	&:focus,
+	&:focus-visible,
+	&:focus-within {
+		outline: -webkit-focus-ring-color auto 1px;
+	}
+
 	// The following styles are needed to support legacy blocks added prior to the update
 	// that moved opacity to a nested span.
 	// https://github.com/WordPress/gutenberg/pull/35065