Fixed moving cursor to end problem except IOUAmountPage

Expensify · Mar 23, 2021 · 7bb32d8 · 7bb32d8
1 parent c86cc4d
commit 7bb32d8
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/src/components/TextInputFocusable/index.js b/src/components/TextInputFocusable/index.js
@@ -37,6 +37,9 @@ const propTypes = {
 
     // Whether or not this TextInput is disabled.
     isDisabled: PropTypes.bool,
+
+    // Whether or not force move cursor to end all the time
+    forceMoveCursorToEnd: PropTypes.bool,
 };
 
 const defaultProps = {
@@ -49,6 +52,7 @@ const defaultProps = {
     onDragLeave: () => {},
     onDrop: () => {},
     isDisabled: false,
+    forceMoveCursorToEnd: false,
 };
 
 const IMAGE_EXTENSIONS = {
@@ -110,7 +114,9 @@ class TextInputFocusable extends React.Component {
         }
         if (prevProps.defaultValue !== this.props.defaultValue) {
             this.updateNumberOfLines();
-            this.moveCursorToEnd();
+            if (this.props.forceMoveCursorToEnd) {
+                this.moveCursorToEnd();
+            }
         }
     }
 

diff --git a/src/pages/iou/steps/IOUAmountPage.js b/src/pages/iou/steps/IOUAmountPage.js
@@ -94,6 +94,7 @@ class IOUAmountPage extends React.Component {
                                         ref={el => this.textInput = el}
                                         defaultValue={this.props.amount}
                                         textAlign="left"
+                                        forceMoveCursorToEnd
                                 />
                                 <Text
                                     style={[styles.iouAmountText, styles.invisible, {left: 100000}]}