reinit value and buffer on mask change

Gusto · Feb 13, 2017 · 5750d9b · 5750d9b
1 parent 5c5cd9b
commit 5750d9b
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/MaskedField.js b/src/MaskedField.js
@@ -44,6 +44,12 @@ const MaskedField = React.createClass({
       value: propsValue ? this._maskedValue(propsValue) : ''
     };
   },
+  componentWillReceiveProps(nextProps) {
+    if (this.props.mask !== nextProps.mask) {
+      this.setState({value: ''}, function() { this._buffer = this._initialBuffer(); });
+      this._cursorPos = this._firstNonMaskIdx;
+    }
+  },
   componentDidUpdate() {
     if (this._cursorPos !== undefined) {
       this._setSelection(this._cursorPos);

diff --git a/src/SelectionUtils.js b/src/SelectionUtils.js
@@ -23,4 +23,4 @@ export function setSelection(node, start, end) {
     range.moveStart('character', end);
     range.select();
   }
-}
+}
-Original file line number
+Diff line change
@@ Expand Up / @@ -23,4 +23,4 @@ export function setSelection(node, start, end) { @@
         range.moveStart('character', end);
         range.select();
       }
-    }
+    }