[bug]: Combobox does not trigger validation in form (react-hook-form)

[Chipandcharge]

Describe the bug

Combobox resets Input component validation state in form.
The same form is working when having Selects instead of comboboxes.

Affected component/components

Combobox, Input

How to reproduce

1. Open the Dialog with "+ Test"
2. Fill out all fields from top to bottom
3. Form is not valid
4. Focus on "test reason" input again
5. Hit Tab to unfocus
6. Form is valid

To narrow down the problem:

1. Open the Dialog with "+ Test"
2. Fill out all fields but the field test reason lastly
3. Form is valid

Codesandbox/StackBlitz link

Preview:
https://9spz3k-3000.csb.app/

Code:
https://codesandbox.io/p/devbox/combobox-and-input-in-form-bug-9spz3k

Logs

System Info

Chromium, Linux

Before submitting

• I've made research efforts and searched the documentation
• I've searched for existing issues

[Chipandcharge]

UPDATE:
Selecting a item in the combobox does not trigger the validation for the field.

This can be fixed by manually triggering the validation with form.trigger() from useForm()

 <CommandItem
  key={approver.id}
  value={approver.name}
  onSelect={() => {
    form.setValue("approverId", approver.id, { shouldDirty: true })
    setOpenApprover(false)
    form.trigger("approverId")
  }}
>
  {approver.name}
    <Check
      className={cn(
        "ml-auto h-4 w-4",
        field.value === approver.id ? "opacity-100" : "opacity-0"
      )}
    />
</CommandItem>