feat(ui): toggle aria-hidden attribute on dropdown el

EGRrqq · Feb 2, 2024 · 0236eda · 0236eda
1 parent 5b8dce5
commit 0236eda
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/index.ts b/src/index.ts
@@ -69,6 +69,7 @@ if (boardController.ctx) {
     switchBtnController.onClick(() => {
       dropdownController.toggleIsOpen();
       dropdownController.toggleClass(toggleClass);
+      dropdownController.toggleAriaHidden();
     });
 
     saveBtnController.onClick(() => {

diff --git a/src/uiController/menu/dropdown.ts b/src/uiController/menu/dropdown.ts
@@ -1,6 +1,7 @@
 interface IDropdown {
   toggleIsOpen: () => void;
   toggleClass: (cssClass: string) => void;
+  toggleAriaHidden: () => void;
 }
 
 export class DropdownController implements IDropdown {
@@ -41,4 +42,17 @@ export class DropdownController implements IDropdown {
         break;
     }
   }
+
+  toggleAriaHidden() {
+    switch (this.#isOpen) {
+      case "true":
+        this.#dropdownEl.ariaHidden = "false";
+        break;
+      case "false":
+        this.#dropdownEl.ariaHidden = "true";
+        break;
+      default:
+        break;
+    }
+  }
 }