Add comment about ariakit issue

WordPress · Aug 28, 2024 · e03508b · e03508b
1 parent 0d10ef9
commit e03508b
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/packages/components/src/dropdown-menu-v2/styles.ts b/packages/components/src/dropdown-menu-v2/styles.ts
@@ -171,15 +171,21 @@ const baseItem = css`
 		cursor: not-allowed;
 	}
 
-	/* Active item (including hover) */
+	/* Active item (including hover)
+	 * Note: we should be able to remove :focus-visible once
+	 * https://github.com/ariakit/ariakit/issues/4083 is fixed and released
+	 */
 	&[data-active-item]:not( [data-focus-visible] ):not( :focus-visible ):not(
 			[aria-disabled='true']
 		) {
 		background-color: ${ COLORS.theme.accent };
 		color: ${ COLORS.white };
 	}
 
-	/* Keyboard focus (focus-visible) */
+	/* Keyboard focus (focus-visible)
+	 * Note: we should be able to remove :focus-visible once
+	 * https://github.com/ariakit/ariakit/issues/4083 is fixed and released
+	 */
 	&[data-focus-visible],
 	&:focus-visible {
 		box-shadow: 0 0 0 1.5px ${ COLORS.theme.accent };