Update the `aria-expanded` attribute when implicitly closing drop-down menus

Fixes #5553

diff --git a/ts/WoltLabSuite/Core/Ui/Dropdown/Simple.ts b/ts/WoltLabSuite/Core/Ui/Dropdown/Simple.ts
index 41e94ad8297a40460b584ddbca69aa9d526c5805..77fab99ff3e7002b474d6ab6fba6e42bbd8a252b 100644 (file)
--- a/ts/WoltLabSuite/Core/Ui/Dropdown/Simple.ts
+++ b/ts/WoltLabSuite/Core/Ui/Dropdown/Simple.ts
@@ -605,6 +605,11 @@ const UiDropdownSimple = {
         dropdown.classList.remove("dropdownOpen");
         _menus.get(containerId)!.classList.remove("dropdownOpen");
 
+        const button = dropdown.querySelector<HTMLElement>(".dropdownToggle");
+        if (button) {
+          button.setAttribute("aria-expanded", "false");
+        }
+
         notifyCallbacks(containerId, "close");
       }
     });

diff --git a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Dropdown/Simple.js b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Dropdown/Simple.js
index 6baafd662df9cf92a198a2352984d382743bff25..51dc008c730ef2897c26ddfeac2f68739f44370c 100644 (file)
--- a/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Dropdown/Simple.js
+++ b/wcfsetup/install/files/js/WoltLabSuite/Core/Ui/Dropdown/Simple.js
@@ -503,6 +503,10 @@ define(["require", "exports", "tslib", "../../CallbackList", "../../Core", "../.
                 if (dropdown.classList.contains("dropdownOpen")) {
                     dropdown.classList.remove("dropdownOpen");
                     _menus.get(containerId).classList.remove("dropdownOpen");
+                    const button = dropdown.querySelector(".dropdownToggle");
+                    if (button) {
+                        button.setAttribute("aria-expanded", "false");
+                    }
                     notifyCallbacks(containerId, "close");
                 }
             });