From 73bd0c370597d674b94142c38b1161e4cf09edf0 Mon Sep 17 00:00:00 2001
From: Taufiq <taufiqelrahman65@gmail.com>
Date: Wed, 3 Dec 2025 15:31:02 +0700
Subject: [PATCH] fix: add autofocus functionality to CommandInput component

---
 apps/v4/registry/new-york-v4/ui/command.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/apps/v4/registry/new-york-v4/ui/command.tsx b/apps/v4/registry/new-york-v4/ui/command.tsx
index fdfcbccb763..36e8b12da57 100644
--- a/apps/v4/registry/new-york-v4/ui/command.tsx
+++ b/apps/v4/registry/new-york-v4/ui/command.tsx
@@ -64,6 +64,16 @@ function CommandInput({
   className,
   ...props
 }: React.ComponentProps<typeof CommandPrimitive.Input>) {
+  const inputRef = React.useRef<HTMLInputElement>(null)
+
+  React.useEffect(() => {
+    if (props.autoFocus && inputRef.current) {
+      requestAnimationFrame(() => {
+        inputRef.current?.focus()
+      })
+    }
+  }, [props.autoFocus])
+
   return (
     <div
       data-slot="command-input-wrapper"
@@ -71,6 +81,7 @@ function CommandInput({
     >
       <SearchIcon className="size-4 shrink-0 opacity-50" />
       <CommandPrimitive.Input
+        ref={inputRef}
         data-slot="command-input"
         className={cn(
           "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",