Bug Report

• Package version(s): latest
• Browser and OS versions: (fill this out if relevant)

Priorities and help requested (not applicable if asking question):

Are you willing to submit a PR to fix? Yes

Requested priority: (Blocking, High, Normal, Low) High

Describe the issue:

office-ui-fabric-react/packages/office-ui-fabric-react/src/components/pickers/PeoplePicker/PeoplePickerItems/SelectedItemWithMenu.tsx has a focus zone to navigate between the item and the contextual menu. This causes erratic keyboard behavior when more than one of these is placed inside another container with a focusZone. (nested focus zones)

Actual behavior:

Keyboarding with arrow key/tabbing not working

Expected behavior:

Keyboarding with arrow key/tab should work as expected. I believe there is no need for a focus zone inside the SelectedItem. Couldn't that be achieved with just making both the item and the context menu tab stops?

If applicable, please provide a codepen repro: