fix <DropdowMenu.SubTrigger /> expanded state (#586)

* fix submenu trigger * Create early-ligers-act.md
status-im · Sep 30, 2024 · 447cce7 · 447cce7
1 parent 1ce026c
commit 447cce7
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/.changeset/early-ligers-act.md b/.changeset/early-ligers-act.md
@@ -0,0 +1,5 @@
+---
+"@status-im/components": patch
+---
+
+fix `<DropdowMenu.SubTrigger />` expanded state 
diff --git a/packages/components/src/dropdown-menu/dropdown-menu.tsx b/packages/components/src/dropdown-menu/dropdown-menu.tsx
@@ -294,7 +294,10 @@ export const SubTrigger = (props: SubTriggerProps) => {
   const { icon, label, danger, ...itemProps } = props
 
   return (
-    <DropdownMenu.SubTrigger {...itemProps} className={itemStyles()}>
+    <DropdownMenu.SubTrigger
+      {...itemProps}
+      className={itemStyles({ className: 'aria-expanded:bg-neutral-5' })}
+    >
       {icon && (
         <span className={iconStyles({ danger })}>{cloneElement(icon)}</span>
       )}