[BUG] Focus state issue with people-picker

[vogtn]

Describe the bug
The mgt-people-picker uses a click state to determine styling and focus in the input area. However, there is a stopPropagation preventing other components from losing focus. This means if the mgt-teams-channel-picker is on the same page, the user is unable to switch focus between the components.

To Reproduce
Steps to reproduce the behavior:

1. render both a mgt-teams-channel-picker and mgt-people-picker to a page.
2. Click on the mgt-teams-channel-picker so that focus is received and the component starts loading.
3. Click on the mgt-people-picker input so that it receives focus
4. Observe both components UI seeming as if they are focused.

Expected behavior
A clear and concise description of what you expected to happen.

Screenshots
If applicable, add screenshots to help explain your problem.

Environment (please complete the following information):

• OS: [e.g. iOS]
• Browser [e.g. edge, chrome, safari]
• Framework [e.g. react, vue, none]
• Context [e.g. Microsoft Teams, SharePoint, Office Add-ins, Web]
• Version [e.g. 0.1]

Additional context
Add any other context about the problem here.

[nmetulev]

Closed by mistake