diff --git a/apps/webapp/app/components/primitives/Select.tsx b/apps/webapp/app/components/primitives/Select.tsx index 3c4c8faad0c..0f592767ae6 100644 --- a/apps/webapp/app/components/primitives/Select.tsx +++ b/apps/webapp/app/components/primitives/Select.tsx @@ -694,6 +694,15 @@ export function ComboBox({ shortcut, ...props }: ComboBoxProps) { + const combobox = Ariakit.useComboboxContext(); + const open = combobox?.useState("open"); + const input = combobox?.useState("baseElement"); + + React.useEffect(() => { + if (!open || !input) return; + input.focus(); + }, [open, input]); + return (