{"action":"opened","issue":{"url":"https://api.github.com/repos/FormidableLabs/radium/issues/97","labels_url":"https://api.github.com/repos/FormidableLabs/radium/issues/97/labels{/name}","comments_url":"https://api.github.com/repos/FormidableLabs/radium/issues/97/comments","events_url":"https://api.github.com/repos/FormidableLabs/radium/issues/97/events","html_url":"https://github.com/FormidableLabs/radium/issues/97","id":65099706,"number":97,"title":"getBrowserStateEvents() overwrites native Events","user":{"login":"dubert","id":1843672,"avatar_url":"https://avatars.githubusercontent.com/u/1843672?v=3","gravatar_id":"","url":"https://api.github.com/users/dubert","html_url":"https://github.com/dubert","followers_url":"https://api.github.com/users/dubert/followers","following_url":"https://api.github.com/users/dubert/following{/other_user}","gists_url":"https://api.github.com/users/dubert/gists{/gist_id}","starred_url":"https://api.github.com/users/dubert/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/dubert/subscriptions","organizations_url":"https://api.github.com/users/dubert/orgs","repos_url":"https://api.github.com/users/dubert/repos","events_url":"https://api.github.com/users/dubert/events{/privacy}","received_events_url":"https://api.github.com/users/dubert/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-03-29T21:43:37Z","updated_at":"2015-03-29T21:43:37Z","closed_at":null,"body":"I have an input field that I want to style the focus, but I also want to capture the onFocus and onBlur events.\r\n\r\nIf I write:\r\n```js\r\n<input\r\n  type='text'\r\n  ref='input'\r\n  value={this.state.input}\r\n  onFocus={this.onFocus}\r\n  onBlur={this.onBlur}\r\n  onKeyDown={this.onKeyDown}\r\n  onChange={this.onChange}\r\n  placeholder={this.props.placeholder}\r\n  {...this.getBrowserStateEvents()}\r\n  style={this.buildStyles(style)}\r\n/>\r\n```\r\nThe component functions are not called, but the styling works. And if I rearrange it: \r\n```js\r\n<input\r\n  {...this.getBrowserStateEvents()}\r\n  type='text'\r\n  ref='input'\r\n  value={this.state.input}\r\n  onFocus={this.onFocus}\r\n  onBlur={this.onBlur}\r\n  onKeyDown={this.onKeyDown}\r\n  onChange={this.onChange}\r\n  placeholder={this.props.placeholder}\r\n  style={this.buildStyles(style)}\r\n/>\r\n```\r\nthen my functions are called, but the styling does not work."}}