When component is searchable, onBlur always resets value even when onBlurResetsInput is set to false

Hi. These are the options I’m using:

        <Select
          {...field}
          value={field.value}
          name={field.name}
          searchable
          onBlurResetsInput={false}
          clearable={false}
          className={"form-control"}
          options={options}
        />

Though I’ve tried all sorts of combinations, and the only way I can get selected value to stick is to set searchable to false. Otherwise, input resets when I click outside select. Watching the state change, selecting option really does set value, and onBlur resets it.

Bug, or am I doing something wrong?

[tiagoengel]

As a workaround, you can add onBlur={() => {}} or if you’re using redux-form onBlur={() => field.onBlur({value: field.value})}

[MilllerTime]

Seems like this is still an issue.

@tiagoengel’s suggestion is a decent workaround. If you’re using redux-form v6, you’ll want to use the updated blur handler as follows (make sure you place it after you spread the redux-form input prop!)

onBlur={() => input.onBlur(input.value)}

Link to doc for onBlur() signature.