add accessibility props to target

Telefonica · Oct 3, 2023 · e7efbbd · e7efbbd
1 parent a9890f2
commit e7efbbd
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/menu.tsx b/src/menu.tsx
@@ -372,6 +372,13 @@ export const Menu: React.FC<MenuProps> = ({
         };
     });
 
+    React.useEffect(() => {
+        if (target) {
+            target.setAttribute('role', 'menu');
+            target.setAttribute('aria-expanded', String(isMenuOpen));
+        }
+    }, [target, isMenuOpen]);
+
     return (
         <div {...getPrefixedDataAttributes(dataAttributes, 'Menu')}>
             {renderTarget({...targetProps, isMenuOpen})}