enhance search input

2026-05-10 22:17:38 +05:30
parent 7c07b33e4b
commit d917b3ea7d
2 changed files with 5 additions and 4 deletions
@@ -46,7 +46,7 @@ export function HeaderSearchButton({
  // Focus input when expanded
  useEffect(() => {
    if (expanded && inputRef.current) {
-      const timer = setTimeout(() => inputRef.current?.focus(), 80);
+      const timer = setTimeout(() => inputRef.current?.focus(), 150);
      return () => clearTimeout(timer);
    }
  }, [expanded]);
@@ -142,13 +142,14 @@ export function HeaderSearchButton({
          className={cn(
            "flex items-center gap-2 h-12 md:h-10 rounded-lg border border-border bg-background px-3 overflow-hidden",
            "max-md:w-full",
-            "md:w-100!",
+            "md:max-w-100",
          )}
        >
          <input
            ref={inputRef}
            type="text"
            defaultValue=""
+            autoFocus
            onChange={(e) => {
              queryRef.current = e.target.value;
            }}