'Microsoft Graph Toolkit PeoplePicker onChange event not triggering in mobile

We are using PeoplePicker in the Teams Personal Tab, we are able to trigger onChange event in the Desktop and browser but not in the Teams Mobile App. We are rendering the PeoplePicker in a Modal component (All are Fluent UI react components).

Solution 1:^[1]

I tried the PeoplePicker selectionChanged event inside Teams IOS mobile client and it works fine.

Here is code snippet:

const handleInputChange = (e) => {
  this.setState({
    selectedPeople: e.target.selectedPeople
  });
  ...
}

...
<div className="people-picker-area">
      <PeoplePicker selectionChanged={handleInputChange} placeholder="Typing name to select people to view contact info"></PeoplePicker>
</div>

We have a sample project which is using PeoplePicker inside teams Tab Project you can refer here:

https://github.com/OfficeDev/TeamsFx-Samples/tree/v2/graph-toolkit-contact-exporter

Simply install teams toolkit extension in your VSCode, open the sample project, and then click F5 button, you can preview this sample.

If you want to try this sample inside mobile client, just run provision, and deploy command, then you can access this sample project in your mobile client.

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1	SLdragon

'Microsoft Graph Toolkit PeoplePicker onChange event not triggering in mobile

Solution 1:[1]

Sources

Related Questions

Solution 1:^[1]