redux-form: onBlur functionality in latest version of redux-form not working
After updating to the latest version of redux-form (v 6.4.1), the onBlur is not working as expected. For example:
I have the following two Dropdown components where the 2nd dropdown is values are dynamically allocated based on the first dropdown values.
constructor(props) {
super(props);
this.setDropdownValue = this.setDropdownValue.bind(this);
}
setDropdownValue(option) {
const routingOptions = this.props[entitiesRoutingMap[option]] || [
{
id: null,
name: 'None',
disabled: true,
},
];
this.setState({ identityType: option, routingOptions });
}
<Field component={Dropdown} valueKey="value" popup options={entities} className="row-popup" name="identityType" labelKey="label" label="Routing Type" description="Select the routing type you need" onBlur={this.setDropdownValue} />
<Field component={Dropdown} labelKey="name" valueKey="id" name="identity" popup searchable options={this.state.routingOptions} label="Routing Entry" className="row-popup" description="Some description" />
This code works perfectly fine for me with redux-form v6.3.2 . But in the latest version of the redux-form for some reason, this fails.
And when I install the latest version of redux-form, it asks to downgrade the react version and the redux version as well.
Not sure if anyone else is facing the same issue or not.
About this issue
- Original URL
- State: closed
- Created 8 years ago
- Reactions: 6
- Comments: 19 (4 by maintainers)
Fix released as
v6.5.0
.@erikras Would it be possible to add that unintentional functionality back please or would you accept PR? It was all nice and clean before but now we need workarounds like @semy showed us and it just doesn’t feel right IMHO.