fix: Fix Talkback focus cursor movement when inside Dialogs (#7478)

* Fix Android talkback focus cusor movement when inside contain FocusScopes (e.g. Dialogs)

* remove tab index to fix story behavior

* go back to wikipedia because it works both inside and outside the storybook iframe

* Temporary patch for Chrome Android

Author: LFDanLu

packages/@react-aria/focus/src/FocusScope.tsx

@@ -12,7 +12,8 @@
 
 import {FocusableElement, RefObject} from '@react-types/shared';
 import {focusSafely} from './focusSafely';
-import {getOwnerDocument, useLayoutEffect} from '@react-aria/utils';
+import {getInteractionModality} from '@react-aria/interactions';
+import {getOwnerDocument, isAndroid, isChrome, useLayoutEffect} from '@react-aria/utils';
 import {isElementVisible} from './isElementVisible';
 import React, {ReactNode, useContext, useEffect, useMemo, useRef} from 'react';
 
@@ -381,8 +382,14 @@ function useFocusContainment(scopeRef: RefObject<Element[] | null>, contain?: bo
         cancelAnimationFrame(raf.current);
       }
       raf.current = requestAnimationFrame(() => {
+        // Patches infinite focus coersion loop for Android Talkback where the user isn't able to move the virtual cursor
+        // if within a containing focus scope. Bug filed against Chrome: https://issuetracker.google.com/issues/384844019.
+        // Note that this means focus can leave focus containing modals due to this, but it is isolated to Chrome Talkback.
+        let modality = getInteractionModality();
+        let shouldSkipFocusRestore = (modality === 'virtual' || modality === null) && isAndroid() && isChrome();
+
         // Use document.activeElement instead of e.relatedTarget so we can tell if user clicked into iframe
-        if (ownerDocument.activeElement && shouldContainFocus(scopeRef) && !isElementInChildScope(ownerDocument.activeElement, scopeRef)) {
+        if (!shouldSkipFocusRestore && ownerDocument.activeElement && shouldContainFocus(scopeRef) && !isElementInChildScope(ownerDocument.activeElement, scopeRef)) {
           activeScope = scopeRef;
           if (ownerDocument.body.contains(e.target)) {
             focusedNode.current = e.target;

packages/@react-spectrum/menu/test/MenuTrigger.test.js

@@ -1123,4 +1123,3 @@ AriaMenuTests({
     )
   }
 });
-