From 10bffa25badf8586a4cc54c9e14e4eeba178225d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= Date: Sat, 28 Jun 2025 14:44:12 +0200 Subject: [PATCH] pl-fe: a11y: set expanded state for dropdown buttons MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: nicole mikołajczyk --- packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx index 24277dd84..3ea859fe9 100644 --- a/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx +++ b/packages/pl-fe/src/components/dropdown-menu/dropdown-menu.tsx @@ -310,6 +310,7 @@ const DropdownMenu = (props: IDropdownMenu) => { }, []); useEffect(() => { + (refs.reference.current as HTMLButtonElement).setAttribute('aria-expanded', String(isOpen)); setTimeout(() => setIsDisplayed(isOpen), isOpen ? 0 : 150); }, [isOpen]); @@ -324,6 +325,7 @@ const DropdownMenu = (props: IDropdownMenu) => { onClick: handleClick, onKeyPress: handleKeyPress, ref: refs.setReference, + 'aria-expanded': isOpen, }); }, [children, !!items?.length, component]);