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)

Most upvoted comments

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.