Merge pull request #30620 from tienifr/fix/30281

Fix: Keyboard does not open in 2FA page when returning from recovery code
Expensify · Nov 10, 2023 · cf01854 · cf01854
2 parents bd9ab87 + dbd0c92
commit cf01854
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/MagicCodeInput.js b/src/components/MagicCodeInput.js
@@ -26,6 +26,9 @@ const propTypes = {
     /** Should the input auto focus */
     autoFocus: PropTypes.bool,
 
+    /** Whether we should wait before focusing the TextInput, useful when using transitions  */
+    shouldDelayFocus: PropTypes.bool,
+
     /** Error text to display */
     errorText: PropTypes.string,
 
@@ -60,6 +63,7 @@ const defaultProps = {
     value: '',
     name: '',
     autoFocus: true,
+    shouldDelayFocus: false,
     errorText: '',
     shouldSubmitOnComplete: true,
     innerRef: null,
@@ -312,6 +316,7 @@ function MagicCodeInput(props) {
                                 }}
                                 disableKeyboard={props.isDisableKeyboard}
                                 autoFocus={index === 0 && props.autoFocus}
+                                shouldDelayFocus={index === 0 && props.shouldDelayFocus}
                                 inputMode={props.isDisableKeyboard ? 'none' : 'numeric'}
                                 textContentType="oneTimeCode"
                                 name={props.name}