Repeating inputs, async blur validation

[mbahoshy]

I cannot seem to get the async blur validation working properly for repeating field inputs.

Given the following form, I would expect the blur validation to fire on the items[].key input, but it does not.

const TestForm = reduxForm({
  form: 'testForm',
  fields: [
    'items[].key',
    'items[].alias',
    'items[].quantity',
    'items[].category',
    'items[].displayOrder',
  ],
  validate,
  asyncValidate,
  asyncBlurFields: ['items[].key'],
})(FormHtml);

However if I explicitly supply an index, it does work for that index. In the example below, blur validation will fire on the first instance of items[].key:

const TestForm = reduxForm({
  form: 'testForm',
  fields: [
    'items[].key',
    'items[].alias',
    'items[].quantity',
    'items[].category',
    'items[].displayOrder',
  ],
  validate,
  asyncValidate,
  asyncBlurFields: ['items[0].key'],
})(FormHtml);

[mbahoshy]

I see know that it will trigger blur validation on submit for these types of inputs... may not be a bug, but it is not ideal

[erikras]

This is definitely a bug. It's just doing an === check from each form name with the items in asyncBlurFields, and it needs to be doing a smarter "indexless" check.

[erikras]

Should work in v5.2.2.

[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.