{"action":"created","issue":{"url":"https://api.github.com/repos/xinthink/react-native-material-kit/issues/79","labels_url":"https://api.github.com/repos/xinthink/react-native-material-kit/issues/79/labels{/name}","comments_url":"https://api.github.com/repos/xinthink/react-native-material-kit/issues/79/comments","events_url":"https://api.github.com/repos/xinthink/react-native-material-kit/issues/79/events","html_url":"https://github.com/xinthink/react-native-material-kit/issues/79","id":125980832,"number":79,"title":"Floating label disappears when an event triggers","user":{"login":"Taakn","id":16574157,"avatar_url":"https://avatars.githubusercontent.com/u/16574157?v=3","gravatar_id":"","url":"https://api.github.com/users/Taakn","html_url":"https://github.com/Taakn","followers_url":"https://api.github.com/users/Taakn/followers","following_url":"https://api.github.com/users/Taakn/following{/other_user}","gists_url":"https://api.github.com/users/Taakn/gists{/gist_id}","starred_url":"https://api.github.com/users/Taakn/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Taakn/subscriptions","organizations_url":"https://api.github.com/users/Taakn/orgs","repos_url":"https://api.github.com/users/Taakn/repos","events_url":"https://api.github.com/users/Taakn/events{/privacy}","received_events_url":"https://api.github.com/users/Taakn/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":2,"created_at":"2016-01-11T16:24:02Z","updated_at":"2016-01-17T17:50:13Z","closed_at":null,"body":"Hello,\r\n\r\nI am faced with the following problem : when an event triggers (for instance `onTextChange={(text) => this.setState({email: text})}` or for a button `onPress={this.handleSignIn}` then the floating label doesn't stay in place after `onBlur` and goes back into hiding.\r\n\r\nSample code:\r\n\r\n< TextField\r\n  ref='email'\r\n  placeholder=\"email address\"\r\n  autoFocus={true}\r\n  onTextChange={(text) => this.setState({email: text})}\r\n/>\r\n\r\nwhere TextField is:\r\nvar TextField = React.createClass({\r\n\r\nrender() {\r\n  return <MKTextField\r\n      tintColor={MKColor.Grey}\r\n      highlightColor={MKColor.Green}\r\n      textInputStyle={{color: MKColor.Black}}\r\n      floatingLabelEnabled= {true}\r\n      floatingLabelFont={{\r\n        fontSize: 12,\r\n        color: MKColor.Grey\r\n      }}\r\n      floatingLabelAniDuration = {100}\r\n      style={styles.textField}\r\n      {...this.props}\r\n      />;\r\n    }\r\n});\r\n"},"comment":{"url":"https://api.github.com/repos/xinthink/react-native-material-kit/issues/comments/172358241","html_url":"https://github.com/xinthink/react-native-material-kit/issues/79#issuecomment-172358241","issue_url":"https://api.github.com/repos/xinthink/react-native-material-kit/issues/79","id":172358241,"user":{"login":"KelseyRegan","id":5514818,"avatar_url":"https://avatars.githubusercontent.com/u/5514818?v=3","gravatar_id":"","url":"https://api.github.com/users/KelseyRegan","html_url":"https://github.com/KelseyRegan","followers_url":"https://api.github.com/users/KelseyRegan/followers","following_url":"https://api.github.com/users/KelseyRegan/following{/other_user}","gists_url":"https://api.github.com/users/KelseyRegan/gists{/gist_id}","starred_url":"https://api.github.com/users/KelseyRegan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/KelseyRegan/subscriptions","organizations_url":"https://api.github.com/users/KelseyRegan/orgs","repos_url":"https://api.github.com/users/KelseyRegan/repos","events_url":"https://api.github.com/users/KelseyRegan/events{/privacy}","received_events_url":"https://api.github.com/users/KelseyRegan/received_events","type":"User","site_admin":false},"created_at":"2016-01-17T17:50:13Z","updated_at":"2016-01-17T17:50:13Z","body":"Looks like he is missing the \"<MKTextField \" right after return.\r\n\r\nI ran into this same issue actually.  To repro, all you need to do is type something in the field, then without leaving the field, trigger a state change in your view (so the render method of MKTextView gets called).  Then, trigger an 'onBlur' by selecting another field, and you will see the floating label disappear."}}