Ввод теряет фокус, когда Popover открывается в ShadCN

Этот компонент содержит Popover и ввод от shadcn. Проблема, с которой я столкнулся, заключается в том, что когда я нажимаю на ввод, чтобы открыть всплывающее окно, ввод теряет фокус, и курсор перемещается.

Ожидаемое поведение:
При нажатии на компонент ввода всплывающее окно должно открыться, а ввод должен оставаться в фокусе, а курсор внутри него, что позволяет пользователю вводить текст без каких-либо дополнительных щелчков мышью.

Ссылка на Песочницу

"use client";

import { Input } from "@/components/ui/input";
import {
  Popover,
  PopoverContent,
  PopoverTrigger,
} from "@/components/ui/popover";

export default function Searchbar() {
  return (
    <div className = "w-1/3">
      <Popover>
        <PopoverTrigger>
          <Input />
        </PopoverTrigger>
        <PopoverContent>Place content for the popover here.</PopoverContent>
      </Popover>
    </div>
  );
}