fix(FieldApi): onChangeListenTo should not block onChangeAsync validator on field it is listening to

Author: Pascalmh

packages/form-core/tests/FieldApi.spec.ts

@@ -1890,4 +1890,56 @@ describe('field api', () => {
     expect(field.getMeta().errors).toStrictEqual([])
     expect(form.state.canSubmit).toBe(true)
   })
+
+  it('should not block onChangeAsync of a field when onChangeListenTo is used in another field', async () => {
+    const syncErrorMessage = 'Sync error triggered'
+    const asyncErrorMessage = 'An Async Error was triggered'
+
+    const nameValidators = {
+      onChange: ({ value }: { value: string }) => !value && syncErrorMessage,
+      onChangeAsyncDebounceMs: 500,
+      onChangeAsync: async ({ value }: { value: string }) =>
+        value.includes('error') && asyncErrorMessage,
+    } as const
+
+    vi.useFakeTimers()
+
+    const form = new FormApi({
+      defaultValues: {
+        firstName: '',
+        lastName: '',
+      },
+    })
+
+    form.mount()
+
+    const firstNameField = new FieldApi({
+      form,
+      name: 'firstName',
+      validators: {
+        ...nameValidators,
+      },
+    })
+
+    const lastNameField = new FieldApi({
+      form,
+      name: 'lastName',
+      validators: {
+        ...nameValidators,
+        onChangeListenTo: ['firstName'],
+      },
+    })
+
+    firstNameField.mount()
+    lastNameField.mount()
+
+    // Set a value in firstName that triggers async validation
+    firstNameField.setValue('error')
+
+    // Run all timers to resolve async validation
+    await vi.runAllTimersAsync()
+
+    // Verify that the async validation error is triggered
+    expect(firstNameField.getMeta().errors).toContain(asyncErrorMessage)
+  })
 })