diff --git a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts index 3ddf64affc..1cb848b6ab 100644 --- a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts +++ b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts @@ -693,6 +693,8 @@ export class MgtPeoplePicker extends MgtTemplatedTaskComponent { slot="anchor" id="people-picker-input" role="combobox" + aria-live="assertive" + aria-atomic="true" placeholder=${this.hasMaxSelections ? this.strings.maxSelectionsPlaceHolder : placeholder} aria-label=${this.ariaLabel || maxSelectionsAriaLabel || placeholder || this.strings.selectContact} aria-expanded=${this.flyout?.isOpen ?? false} @@ -809,7 +811,7 @@ export class MgtPeoplePicker extends MgtTemplatedTaskComponent { mgtHtml`
-
+
@@ -833,7 +835,7 @@ export class MgtPeoplePicker extends MgtTemplatedTaskComponent { this.renderTemplate('no-data', null) || html`
-
+
@@ -857,6 +859,7 @@ export class MgtPeoplePicker extends MgtTemplatedTaskComponent { class="searched-people-list" role="listbox" aria-live="polite" + aria-label="${this.strings.suggestionsTitle}" title=${this.strings.suggestionsTitle} > ${repeat( @@ -1372,6 +1375,8 @@ export class MgtPeoplePicker extends MgtTemplatedTaskComponent { this.handleUserSearch(); } this._setAnyEmail = false; + } else { + this._foundPeople = []; } };