{"action":"closed","issue":{"url":"https://api.github.com/repos/erikras/redux-form/issues/1557","repository_url":"https://api.github.com/repos/erikras/redux-form","labels_url":"https://api.github.com/repos/erikras/redux-form/issues/1557/labels{/name}","comments_url":"https://api.github.com/repos/erikras/redux-form/issues/1557/comments","events_url":"https://api.github.com/repos/erikras/redux-form/issues/1557/events","html_url":"https://github.com/erikras/redux-form/issues/1557","id":171729081,"number":1557,"title":"Input loses focus after a single \"keyDown\" event","user":{"login":"m2mathew","id":11624407,"avatar_url":"https://avatars.githubusercontent.com/u/11624407?v=3","gravatar_id":"","url":"https://api.github.com/users/m2mathew","html_url":"https://github.com/m2mathew","followers_url":"https://api.github.com/users/m2mathew/followers","following_url":"https://api.github.com/users/m2mathew/following{/other_user}","gists_url":"https://api.github.com/users/m2mathew/gists{/gist_id}","starred_url":"https://api.github.com/users/m2mathew/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/m2mathew/subscriptions","organizations_url":"https://api.github.com/users/m2mathew/orgs","repos_url":"https://api.github.com/users/m2mathew/repos","events_url":"https://api.github.com/users/m2mathew/events{/privacy}","received_events_url":"https://api.github.com/users/m2mathew/received_events","type":"User","site_admin":false},"labels":[],"state":"closed","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":1,"created_at":"2016-08-17T18:35:25Z","updated_at":"2016-08-18T06:44:49Z","closed_at":"2016-08-18T06:44:49Z","body":"Using v6.0.0-rc.4 with the Material-UI library. We are using ImmutableJS, so I thought I would try out the version 6 with Immutable built in.\r\n\r\nDefinitely a noob at using Redux-form, so I probably should not jump in on the most cutting-edge version. However, the library seems to take care of several things that can be a hassle in other settings. I have all of my validation and everything working fine, but want to see if this library can make it easier to reason about across our entire app.\r\n\r\nWhen my input field has an `onChange`, the field loses focus after entering a single character...specifically when the key is initially pressed. I know that redux-form works `onBlur`, but using that instead of `onChange` seems to do nothing different.\r\n\r\nBelow, the `DescriptiveTextField` you see is just a decorative wrapper for the MUI `TextField` component.\r\n\r\nThanks for any help in these untested waters for me! 😄 \r\n\r\n```javascript\r\nrenderCCForm() {\r\n    const CCDetails = this.props.accountCreditCardDetails;\r\n\r\n    const ccField = ({ input, label, type, meta: { touched, error } }) => (\r\n      <DescriptiveTextField\r\n        errorText={touched ? error : ''}\r\n        floatingLabelText=\"Credit Card Number\"\r\n        onChange={this.handleUpdateCreditCardInfo}\r\n        value={formatCCNumber(CCDetails.get('CardNumber'), CCDetails.get('Type'))}\r\n        width=\"224px\"\r\n        {...input}\r\n      />\r\n    );\r\n\r\n    return (\r\n      <div>\r\n        <Field\r\n          component={ccField}\r\n          name=\"ccNumber\"\r\n          type=\"text\"\r\n        />\r\n     .........and so on\r\n```"}}
{"actor":{"display_login":"erikras"}}