input.onBlur does not make field touched

[davidhenley]

input.onChange() and input.onBlur() by themselves do not make a field touched. You MUST call input.onFocus() as well as onBlur to actually make the field touched.

export const CustomerSearch = (({ input, meta, label, ...rest }) => {
  return (
    <Form.Field>
      <label>{label}</label>
      <Search
        {...input}
        {...rest}
        list={[
          { title: 'thing 1', description: 'desc 1' },
          { title: 'thing 2', description: 'desc 2' },
        ]}
        onChange={result => input.onChange(result)} // this works
        onBlur={() => input.onBlur()} // this will not mark field as touched
      />
      <div className="field-error-text">{meta.touched && meta.error}</div>
    </Form.Field>
  );
})

You have to call onFocus if you are going to call onBlur. This will make it work. onBlur by itself should make the field touched in my opinion

[erikras]

Published fix in final-form v1.2.1.

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.