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 6749be8603..cce5d04000 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 @@ -630,14 +630,19 @@ export class MgtPeoplePicker extends MgtTemplatedTaskComponent { } const selectedPeopleTemplate = this.renderSelectedPeople(this.selectedPeople); - const inputTemplate = this.renderInput(selectedPeopleTemplate); - const flyoutTemplate = this.renderFlyout(inputTemplate); - return html` + if (this.selectionMode === 'single' && this.selectedPeople.length === 1) { + return selectedPeopleTemplate; + } else { + const inputTemplate = this.renderInput(selectedPeopleTemplate); + const flyoutTemplate = this.renderFlyout(inputTemplate); + + return html`
${flyoutTemplate}
`; + } } protected args(): unknown[] {