Merge pull request #2281 from Akshat55/combobox-access

fix: correct aria-haspopup value & add aria-controls attribute

Author: Akshat55

src/combobox/combobox.component.ts

@@ -110,7 +110,7 @@ import { Observable } from "rxjs";
 						[attr.aria-expanded]="open"
 						aria-haspopup="listbox"
 						[attr.maxlength]="maxLength"
-						aria-haspopup="true"
+						[attr.aria-controls]="open ? view?.listId : null"
 						[attr.aria-autocomplete]="autocomplete"
 						[placeholder]="placeholder"/>
 					<svg

src/dropdown/abstract-dropdown-view.class.ts

@@ -47,6 +47,7 @@ export class AbstractDropdownView {
 	 * @deprecated since v4
 	 */
 	public size: "sm" | "md" | "xl" = "md";
+	public listId?: string;
 	/**
 	 * Returns the `ListItem` that is subsequent to the selected item in the `DropdownList`.
 	 */

src/dropdown/list/dropdown-list.component.ts

@@ -51,6 +51,7 @@ import { ScrollCustomEvent } from "./scroll-custom-event.interface";
 	template: `
 		<ul
 			#list
+			[id]="listId"
 			role="listbox"
 			class="bx--list-box__menu bx--multi-select"
 			(scroll)="emitScroll($event)"