fix: new room page is misaligned

Expensify · Nov 8, 2023 · 786b5d1 · 786b5d1
1 parent 437e273
commit 786b5d1
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/src/hooks/useAutoFocusInput.js b/src/hooks/useAutoFocusInput.js
@@ -1,5 +1,6 @@
 import {useFocusEffect} from '@react-navigation/native';
 import {useCallback, useContext, useEffect, useRef, useState} from 'react';
+import {InteractionManager} from 'react-native';
 import CONST from '@src/CONST';
 import * as Expensify from '@src/Expensify';
 
@@ -16,8 +17,10 @@ export default function useAutoFocusInput() {
         if (!isScreenTransitionEnded || !isInputInitialized || !inputRef.current || !isSplashHidden) {
             return;
         }
-        inputRef.current.focus();
-        setIsScreenTransitionEnded(false);
+        InteractionManager.runAfterInteractions(() => {
+            inputRef.current.focus();
+            setIsScreenTransitionEnded(false);
+        });
     }, [isScreenTransitionEnded, isInputInitialized, isSplashHidden]);
 
     useFocusEffect(