reinit value and buffer on mask change

Gusto · May 8, 2017 · 30c34e1 · 30c34e1
1 parent 3198ae8
commit 30c34e1
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/MaskedField.jsx b/src/MaskedField.jsx
@@ -51,6 +51,13 @@ class MaskedField extends React.Component {
     };
   }
 
+  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);