Textfield: fix focus state handling on iOS

facebook/react-native#2247 (comment)
xinthink · Oct 25, 2015 · 81516f3 · 81516f3
1 parent 2564cd7
commit 81516f3
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/lib/mdl/Textfield.js b/lib/mdl/Textfield.js
@@ -339,7 +339,7 @@ class Textfield extends Component {
     Object.assign(this.inputFrame, {left, top, width, height});
     this.refs.underline.updateLineLength(width, () => {
       if (this.bufferedValue || this.isFocused()) {
-        this._aniStartHighlight();  // if input not empty, lift the label
+        this._aniStartHighlight(this.isFocused());  // if input not empty, lift the label
       }
     });
   }
@@ -358,7 +358,7 @@ class Textfield extends Component {
   }
 
   // animation when textfield focused
-  _aniStartHighlight() {
+  _aniStartHighlight(focused) {
     if (this.props.floatingLabelEnabled) {
       // hide fixed placeholder, if floating
       this.setPlaceholder('');
@@ -369,7 +369,7 @@ class Textfield extends Component {
     }
 
     // stretch the underline if enabled
-    const animations = this.refs.underline.aniStretchUnderline(this.isFocused());
+    const animations = this.refs.underline.aniStretchUnderline(focused);
 
     // and lift the floating label, if enabled
     if (this.props.floatingLabelEnabled) {
@@ -419,7 +419,7 @@ class Textfield extends Component {
   }
 
   _onFocus() {
-    this._aniStartHighlight();
+    this._aniStartHighlight(true);
     this._callback('onFocus');
   }