Transition chevron only on selected and not on hover or focus-visible.

WordPress · Oct 4, 2024 · 07069c8 · 07069c8
1 parent ece5efc
commit 07069c8
Showing 1 changed file with 1 addition and 5 deletions.
diff --git a/packages/components/src/tabs/styles.ts b/packages/components/src/tabs/styles.ts
@@ -251,11 +251,7 @@ export const TabChevron = styled( Icon )`
 	// indicator that's being animated at the same time.
 	@media not ( prefers-reduced-motion ) {
 		[data-select-on-move='true']
-			[role='tab']:is(
-				[aria-selected='true'],
-				[data-focus-visible],
-				:hover
-			)
+			[role='tab']:is( [aria-selected='true'],  )
 			& {
 			transition: opacity 0.3s ease-in;
 		}