Focus doesn't work on select when form is validate.

[Pieszczoch]

When my form is validate on select, it doesn't focus on him like on input (react-hook-form + zod)
this is how it looks like on input: https://ui.shadcn.com/docs/components/input
and this on select: https://ui.shadcn.com/docs/components/select

Radix package @radix-ui/react-select

[liuhe2020]

You need to pass in the ref from your form field down to the select component, and note that select itself does not accept ref, but select trigger does, so you could just copy and past shadcn select example code for form

Add this <SelectTrigger ref={field.ref}>

Make sure you wrap all your fields in your form inside FormField and FormItem, otherwise the validation focus order gets out of whack

[Pieszczoch]

unfortunately, it does't work :(

[benoitgrelard]

Duplicate of #2659 2659

[lsdev200]

it is worked for me .
thanks

You need to pass in the ref from your form field down to the select component, and note that select itself does not accept ref, but select trigger does, so you could just copy and past shadcn select example code for form

Add this <SelectTrigger ref={field.ref}>

Make sure you wrap all your fields in your form inside FormField and FormItem, otherwise the validation focus order gets out of whack