{"action":"created","issue":{"url":"https://api.github.com/repos/FormidableLabs/radium/issues/362","labels_url":"https://api.github.com/repos/FormidableLabs/radium/issues/362/labels{/name}","comments_url":"https://api.github.com/repos/FormidableLabs/radium/issues/362/comments","events_url":"https://api.github.com/repos/FormidableLabs/radium/issues/362/events","html_url":"https://github.com/FormidableLabs/radium/issues/362","id":107484732,"number":362,"title":"Hover input element","user":{"login":"edgesoft","id":6061720,"avatar_url":"https://avatars.githubusercontent.com/u/6061720?v=3","gravatar_id":"","url":"https://api.github.com/users/edgesoft","html_url":"https://github.com/edgesoft","followers_url":"https://api.github.com/users/edgesoft/followers","following_url":"https://api.github.com/users/edgesoft/following{/other_user}","gists_url":"https://api.github.com/users/edgesoft/gists{/gist_id}","starred_url":"https://api.github.com/users/edgesoft/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edgesoft/subscriptions","organizations_url":"https://api.github.com/users/edgesoft/orgs","repos_url":"https://api.github.com/users/edgesoft/repos","events_url":"https://api.github.com/users/edgesoft/events{/privacy}","received_events_url":"https://api.github.com/users/edgesoft/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2015-09-21T10:34:10Z","updated_at":"2015-09-21T10:52:05Z","closed_at":null,"body":"I'm using redux-form, Radium and I get an rerender when hovering input element. This makes my form slow. Is there something I have missed? When removing Radium styles no rerender is triggered.\r\n\r\n```javascript\r\nimport Radium from 'radium';\r\n\r\nlet _matchMedia = null;\r\n\r\nfunction ConfiguredRadium(component) {\r\n  return Radium({\r\n    matchMedia: _matchMedia,\r\n    plugins: [\r\n      Radium.Plugins.mergeStyleArray,\r\n      Radium.Plugins.checkProps,\r\n      Radium.Plugins.resolveMediaQueries,\r\n      Radium.Plugins.resolveInteractionStyles,\r\n      Radium.Plugins.prefix,\r\n      Radium.Plugins.checkProps,\r\n    ]\r\n  })(component);\r\n}\r\n\r\nConfiguredRadium.setMatchMedia = (matchMedia) => {\r\n  _matchMedia = matchMedia;\r\n};\r\n\r\nexport default ConfiguredRadium;\r\n```\r\n\r\n```javascript\r\nimport React, {Component, PropTypes} from 'react';\r\nimport {connectReduxForm} from 'redux-form';\r\nimport BamConfiguredRadium from '../../../bam-radium-config';\r\n\r\nlet styles = {\r\n  base : {\r\n        display: 'block',\r\n        width: '100%',\r\n        height: '20px',\r\n        padding: '6px 6px',\r\n        fontSize: '14px',\r\n        lineHeight: '1.42857143',\r\n        outline: '0',\r\n        color: '#555',\r\n        backgroundColor: '#fff',\r\n        backgroundImage: 'none',\r\n        border: '1px solid #ccc',\r\n        marginBottom : '4px',\r\n        borderRadius: '4px',\r\n        WebkitBoxShadow: 'inset 0 1px 1px rgba(0, 0, 0, .075)',\r\n        boxShadow: 'inset 0 1px 1px rgba(0, 0, 0, .075)',\r\n        WebkitTransition: 'border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s',\r\n        transition: 'border-color ease-in-out .15s, box-shadow ease-in-out .15s',\r\n        ':focus' : {\r\n             border: '1px solid #66afe9',\r\n            boxShadow: 'inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)',\r\n            WebkitTransition: 'border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s',\r\n        },\r\n        ':active' : {\r\n            border: '1px solid #66afe9',\r\n            boxShadow: 'inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6)',\r\n            WebkitTransition: 'border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s',\r\n\r\n        }\r\n\r\n\r\n    }\r\n  \r\n}\r\n\r\nfunction validateContact(data) {\r\n  const errors = {};\r\n  if(!data.name) {\r\n    errors.name = 'Required';\r\n  }\r\n  if(data.address && data.address.length > 50) {\r\n    errors.address = 'Must be fewer than 50 characters';\r\n  }\r\n  if(!data.phone) {\r\n    errors.phone = 'Required';\r\n  } else if(!/\\d{3}-\\d{3}-\\d{4}/.test(data.phone)) {\r\n    errors.phone = 'Phone must match the form \"999-999-9999\"'\r\n  }\r\n  console.log( errors );\r\n  return errors;\r\n}\r\n\r\n@connectReduxForm({\r\n  form: 'contact',\r\n  fields: ['name', 'address', 'phone'],\r\n  validate: validateContact\r\n})\r\n@BamConfiguredRadium\r\nexport default class ContactForm extends Component {\r\n  static propTypes = {\r\n    fields: PropTypes.object.isRequired,\r\n  }\r\n \r\n \r\n\r\n  render() {\r\n    \r\n    const { fields: {name, address, phone}, handleSubmit } = this.props;\r\n    console.log( name ); // output when hover.\r\n    return (\r\n      <form onSubmit={handleSubmit}>\r\n        <label>Name</label>\r\n        <input key=\"0\" style={styles.base} type=\"text\" {...name}/>  \r\n         <div>{name.error}</div>\r\n\r\n        <label>Address</label>\r\n        <input key=\"1\" type=\"text\" style={styles.base} {...address}/> \r\n         <div>{address.error}</div>\r\n\r\n        <label>Phone</label>\r\n        <input key=\"2\" style={styles.base} type=\"text\" {...phone}/> \r\n       <div>{phone.error}</div>\r\n\r\n        <button onClick={handleSubmit}>Submit</button>\r\n      </form>\r\n    );\r\n  }\r\n}\r\n\r\n```"},"comment":{"url":"https://api.github.com/repos/FormidableLabs/radium/issues/comments/141939809","html_url":"https://github.com/FormidableLabs/radium/issues/362#issuecomment-141939809","issue_url":"https://api.github.com/repos/FormidableLabs/radium/issues/362","id":141939809,"user":{"login":"edgesoft","id":6061720,"avatar_url":"https://avatars.githubusercontent.com/u/6061720?v=3","gravatar_id":"","url":"https://api.github.com/users/edgesoft","html_url":"https://github.com/edgesoft","followers_url":"https://api.github.com/users/edgesoft/followers","following_url":"https://api.github.com/users/edgesoft/following{/other_user}","gists_url":"https://api.github.com/users/edgesoft/gists{/gist_id}","starred_url":"https://api.github.com/users/edgesoft/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/edgesoft/subscriptions","organizations_url":"https://api.github.com/users/edgesoft/orgs","repos_url":"https://api.github.com/users/edgesoft/repos","events_url":"https://api.github.com/users/edgesoft/events{/privacy}","received_events_url":"https://api.github.com/users/edgesoft/received_events","type":"User","site_admin":false},"created_at":"2015-09-21T10:52:05Z","updated_at":"2015-09-21T10:52:05Z","body":"I have also tried PureRenderMixin but with no result. "}}