I need a dropdown triggered by an input - the input should be focused after the popover opens. Can you try to fix this one or suggesst new code using shadcn?
<div className="flex w-full flex-wrap">
<Popover
onOpenChange={() => {
inputRef.current?.focus();
}}
>
<PopoverTrigger asChild>
<Input
ref={inputRef}
placeholder="Invite others by name or email"
value={searchValue}
onChange={e => {
setSearchValue(e.currentTarget.value);
}}
/>
</PopoverTrigger>
<PopoverContent>
<Command>
<ScrollArea className="max-h-48 overflow-y-auto">
{['one', 'two', 'three'].map(i => (
<div key={i}>{i}</div>
))}
</ScrollArea>
</Command>
</PopoverContent>
</Popover>
</div> | A shadcn/ui and v0 generation - v0
