From 5048298a9457edffe2bb28c59ff80c2fcb93b68d Mon Sep 17 00:00:00 2001 From: jasmussen Date: Mon, 30 Mar 2020 08:56:33 +0200 Subject: [PATCH] Address jumpiness. --- .../src/components/sidebar/settings-header/style.scss | 4 ++-- 1 file changed, 2 insertions(+), 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 index 2e929a1dc8788..04684bc06b423 100644 --- 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 {