Address jumpiness.

WordPress · Mar 30, 2020 · 5048298 · 5048298
1 parent a1698f8
commit 5048298
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/edit-post/src/components/sidebar/settings-header/style.scss b/packages/edit-post/src/components/sidebar/settings-header/style.scss
@@ -39,7 +39,8 @@
 	}
 
 	&.is-active {
-		box-shadow: inset 0 0 -$border-width-tab 0 0 color($theme-color);
+		// The transparent shadow ensures no jumpiness when focus animates on an active tab.
+		box-shadow: inset 0 0 0 $border-width-focus transparent, inset 0 0 -$border-width-tab 0 0 $theme-color;
 		font-weight: 600;
 		position: relative;
 
@@ -57,7 +58,6 @@
 
 	&:focus {
 		box-shadow: inset 0 0 0 $border-width-focus $theme-color;
-		transition: none;
 	}
 
 	&.is-active:focus {