Block Mover button: do not show focus styles on pointer interactions …

…in Block toolbar
WordPress · Oct 19, 2022 · 08daf3b · 08daf3b
1 parent 8c5ad2f
commit 08daf3b
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/components/src/toolbar/style.scss b/packages/components/src/toolbar/style.scss
@@ -67,9 +67,15 @@
 		}
 
 		// Focus style.
-		&:focus::before {
+		&:focus-visible::before {
 			@include block-toolbar-button-style__focus();
 		}
+		// Fallback for browsers without :focus-visible support
+		@supports not selector(:focus-visible) {
+			&:focus::before {
+				@include block-toolbar-button-style__focus();
+			}
+		}
 
 		// Ensure the icon buttons remain square.
 		// This needs specificity.