Fixes patw0929#260: Fix cursor position

tomegz · Jan 8, 2019 · df9c35d · df9c35d
1 parent 6c8ce61
commit df9c35d
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/IntlTelInputApp.js b/src/components/IntlTelInputApp.js
@@ -148,6 +148,7 @@ class IntlTelInputApp extends Component {
   componentDidUpdate(prevProps) {
     if (this.props.value !== prevProps.value) {
       this.updateFlagFromNumber(this.props.value);
+      this.updateCursorPosition((this.props.value || this.props.defaultValue).length);
     }
 
     if (
@@ -677,6 +678,12 @@ class IntlTelInputApp extends Component {
     return number;
   };
 
+  updateCursorPosition = (cursorPosition) => {
+    this.setState({
+      cursorPosition,
+    });
+  }
+
   // update the input's value to the given val (format first if possible)
   // if doNotify is true, calls notifyPhoneNumberChange with the formatted value
   // NOTE: this is called from _setInitialState, handleUtils and setNumber