Dismiss button for AT menu unavailable item (#4491)

* Dismiss buttons for AT menu unavailable item

Author: snowystinger

packages/@react-spectrum/menu/src/MenuDialogTrigger.tsx

@@ -11,6 +11,7 @@
  */
 
 import {classNames, SlotProvider, useIsMobileDevice} from '@react-spectrum/utils';
+import {DismissButton} from '@react-aria/overlays';
 import helpStyles from '@adobe/spectrum-css-temp/components/contextualhelp/vars.css';
 import {ItemProps} from '@react-types/shared';
 import {MenuDialogContext, useMenuStateContext} from './context';
@@ -49,7 +50,9 @@ function MenuDialogTrigger<T>(props: ItemProps<T> & {isUnavailable?: boolean, ta
         {
           isMobile ? (
             <Modal state={state} isDismissable>
+              <DismissButton onDismiss={state.close} />
               {content}
+              <DismissButton onDismiss={state.close} />
             </Modal>
           ) : (
             <Popover state={state} triggerRef={triggerRef} placement="end top" hideArrow offset={-10} isNonModal shouldContainFocus={false}>{content}</Popover>