Environment Information

• Package version(s): ^7.105.9
• Browser and OS versions: Safari Browser and iOS 13.x

Please provide a reproduction of the bug in a codepen: The issue is not repro in codepen https://codepen.io/sergulo/pen/abdWoQN however reproes on the dev/ppe/production site.

Actual behavior:

1. Go to URL: https://support.xbox.com/
2. Login to the application with live account
3. Tap on "me control" under header section
4. Tap on "More Options" Icon
5. Observe the More Options menu is not opened
6. Tap around the button other than the Icon and see the More Options menu is opend

We are seeing a strange phenomenon with “Icon button” placed with in “FocusTrapCallout” component in iPhone. If we tap right on the Icon ‘…’ the flyout closes as soon as it is opened. However it works fine, if we tap around the Icon symbol and show the context menu with additional links. PFA the video with screen capture.

When we tap on the icon symbol, onMenuClick is triggered and immediately onDismiss is triggered. Please see the attached video for more details.

Expected behavior:

"More Options" Menu is opened on tapping any where on the icon button.

Priorities and help requested:

Are you willing to submit a PR to fix? No

Requested priority: High

Products/sites affected: https://support.xbox.com

IphoneIconButonIssue.zip