material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-09-11 21:57:41 +03:00
Code Issues Projects Releases Wiki Activity

fix(select): announce typeahead selection when select is closed

Browse Source 
PiperOrigin-RevId: 561675276
This commit is contained in:
Elliott Marquez 2023-08-31 09:22:40 -07:00 committed by Copybara-Service
parent 3906b7f72a
commit 2c892c4114
1 changed files with 3 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
select/internal/select.ts
View File

@ -94,6 +94,7 @@ export abstract class Select extends LitElement {
@state() private focused = false;
@state() private open = false;
@query('md-menu') private readonly menu!: Menu|null;
@query('#label') private readonly labelEl!: HTMLElement;
@queryAssignedElements({slot: 'leadingicon', flatten: true})
private readonly leadingIcons!: Element[];
@ -317,6 +318,7 @@ export abstract class Select extends LitElement {
return;
}
this.labelEl?.setAttribute?.('aria-live', 'polite');
const hasChanged = this.selectItem(
lastActiveRecord[TYPEAHEAD_RECORD.ITEM] as SelectOption);
@ -428,6 +430,7 @@ export abstract class Select extends LitElement {
* active items.
*/
private async handleOpening(e: Event) {
this.labelEl?.removeAttribute?.('aria-live');
this.redispatchEvent(e);
const items = this.menu!.items;