From 15cd897905b0bafcbcd0309e37f0dc7ecbc4ba85 Mon Sep 17 00:00:00 2001 From: Geert Selderslaghs Date: Mon, 14 Oct 2024 14:11:17 +0200 Subject: [PATCH] fix(Dropdown): accessibility - implemented aria-expanded --- src/dropdown.ts | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/dropdown.ts b/src/dropdown.ts index 83b5d334ee..8c6bf897ed 100644 --- a/src/dropdown.ts +++ b/src/dropdown.ts @@ -125,6 +125,7 @@ export class Dropdown extends Component implements Openable { this.isTouchMoving = false; this.focusedIndex = -1; this.filterQuery = []; + this.el.ariaExpanded = 'false' // Move dropdown-content after dropdown-trigger this._moveDropdown(); @@ -610,6 +611,7 @@ export class Dropdown extends Component implements Openable { // Do this one frame later so that we don't bind an event handler that's immediately // called when the event bubbles up to the document and closes the dropdown setTimeout(() => this._setupTemporaryEventHandlers(), 0); + this.el.ariaExpanded = 'true' } /** @@ -628,6 +630,7 @@ export class Dropdown extends Component implements Openable { if (this.options.autoFocus) { this.el.focus(); } + this.el.ariaExpanded = 'false' } /**