Fix RHP slide animation when opening sign in modal

src/components/FocusTrap/FocusTrapForScreen/index.web.tsx

@@ -1,19 +1,23 @@
 import {useFocusEffect, useIsFocused, useRoute} from '@react-navigation/native';
 import FocusTrap from 'focus-trap-react';
 import React, {useCallback, useMemo} from 'react';
+import {useOnyx} from 'react-native-onyx';
 import BOTTOM_TAB_SCREENS from '@components/FocusTrap/BOTTOM_TAB_SCREENS';
-import SCREENS_WITH_AUTOFOCUS from '@components/FocusTrap/SCREENS_WITH_AUTOFOCUS';
+import getScreenWithAutofocus from '@components/FocusTrap/SCREENS_WITH_AUTOFOCUS';
 import sharedTrapStack from '@components/FocusTrap/sharedTrapStack';
 import TOP_TAB_SCREENS from '@components/FocusTrap/TOP_TAB_SCREENS';
 import WIDE_LAYOUT_INACTIVE_SCREENS from '@components/FocusTrap/WIDE_LAYOUT_INACTIVE_SCREENS';
 import useWindowDimensions from '@hooks/useWindowDimensions';
+import ONYXKEYS from '@src/ONYXKEYS';
 import type FocusTrapProps from './FocusTrapProps';
 
 let activeRouteName = '';
 function FocusTrapForScreen({children}: FocusTrapProps) {
     const isFocused = useIsFocused();
     const route = useRoute();
     const {isSmallScreenWidth} = useWindowDimensions();
+    const [isAuthenticated] = useOnyx(ONYXKEYS.SESSION, {selector: (session) => !!session?.authToken});
+    const screensWithAutofocus = useMemo(() => getScreenWithAutofocus(!!isAuthenticated), [isAuthenticated]);
 
     const isActive = useMemo(() => {
         // Focus trap can't be active on bottom tab screens because it would block access to the tab bar.
@@ -49,13 +53,13 @@ function FocusTrapForScreen({children}: FocusTrapProps) {
                 fallbackFocus: document.body,
                 // We don't want to ovverride autofocus on these screens.
                 initialFocus: () => {
-                    if (SCREENS_WITH_AUTOFOCUS.includes(activeRouteName)) {
+                    if (screensWithAutofocus.includes(activeRouteName)) {
                         return false;
                     }
                     return undefined;
                 },
                 setReturnFocus: (element) => {
-                    if (SCREENS_WITH_AUTOFOCUS.includes(activeRouteName)) {
+                    if (screensWithAutofocus.includes(activeRouteName)) {
                         return false;
                     }
                     return element;

src/components/FocusTrap/SCREENS_WITH_AUTOFOCUS.ts

@@ -1,4 +1,5 @@
 import {CENTRAL_PANE_WORKSPACE_SCREENS} from '@libs/Navigation/AppNavigator/Navigators/FullScreenNavigator';
+import NAVIGATORS from '@src/NAVIGATORS';
 import SCREENS from '@src/SCREENS';
 
 const SCREENS_WITH_AUTOFOCUS: string[] = [
@@ -10,6 +11,14 @@ const SCREENS_WITH_AUTOFOCUS: string[] = [
     SCREENS.SETTINGS.PROFILE.PRONOUNS,
     SCREENS.NEW_TASK.DETAILS,
     SCREENS.MONEY_REQUEST.CREATE,
+    SCREENS.SIGN_IN_ROOT,
 ];
 
-export default SCREENS_WITH_AUTOFOCUS;
+function getScreenWithAutofocus(isAuthenticated: boolean) {
+    if (!isAuthenticated) {
+        return [...SCREENS_WITH_AUTOFOCUS, NAVIGATORS.BOTTOM_TAB_NAVIGATOR];
+    }
+    return SCREENS_WITH_AUTOFOCUS;
+}
+
+export default getScreenWithAutofocus;

src/pages/signin/LoginForm/BaseLoginForm.tsx

@@ -267,7 +267,6 @@ function BaseLoginForm({account, credentials, closeAccount, blurOnSubmit = false
                     onSubmitEditing={validateAndSubmitForm}
                     autoCapitalize="none"
                     autoCorrect={false}
-                    autoFocus
                     inputMode={CONST.INPUT_MODE.EMAIL}
                     errorText={formError}
                     hasError={shouldShowServerError}