From 5b412321b185d0a44697e90ac5eb2eb30bdc325b Mon Sep 17 00:00:00 2001
From: ajuijas <189517297+ajuijas@users.noreply.github.com>
Date: Tue, 14 Jul 2026 09:36:30 +0530
Subject: [PATCH] fix: auto-focus search box when link record selector opens

The row selector for linked-record fields did not focus its search
input on open, requiring an extra click before typing. Auto-focus the
search input when the link editor mounts.

Signed-off-by: ajuijas <189517297+ajuijas@users.noreply.github.com>
---
 packages/sdk/src/components/editor/link/EditorMain.tsx | 2 +-
 packages/sdk/src/components/search/SearchInput.tsx     | 9 +++++++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/sdk/src/components/editor/link/EditorMain.tsx b/packages/sdk/src/components/editor/link/EditorMain.tsx
index fb2b798205..60d6f2604c 100644
--- a/packages/sdk/src/components/editor/link/EditorMain.tsx
+++ b/packages/sdk/src/components/editor/link/EditorMain.tsx
@@ -235,7 +235,7 @@ const LinkEditorInnerBase: ForwardRefRenderFunction<ILinkEditorMainRef, ILinkEdi
         </div>
       </div>
       <div className="flex items-center justify-between">
-        <SearchInput container={props.container} />
+        <SearchInput container={props.container} autoFocus />
         <div className="ml-4">
           <Tabs
             value={listType === LinkListType.Selected ? 'selected' : 'all'}
diff --git a/packages/sdk/src/components/search/SearchInput.tsx b/packages/sdk/src/components/search/SearchInput.tsx
index 1ccd59b2fb..4a753f31fe 100644
--- a/packages/sdk/src/components/search/SearchInput.tsx
+++ b/packages/sdk/src/components/search/SearchInput.tsx
@@ -34,10 +34,12 @@ export function SearchInput({
   className,
   container,
   globalOnly,
+  autoFocus,
 }: {
   className?: string;
   container?: HTMLElement;
   globalOnly?: boolean;
+  autoFocus?: boolean;
 }) {
   const { maxSearchFieldCount = DEFAULT_MAX_SEARCH_FIELD_COUNT } = useContext(AppContext) ?? {};
   const fields = useFields();
@@ -58,6 +60,13 @@ export function SearchInput({
     setHideNotMatchRow(true);
   }, [setHideNotMatchRow]);
 
+  useEffect(() => {
+    if (autoFocus) {
+      ref.current?.focus();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
   const [, cancel] = useDebounce(
     () => {
       setValue(inputValue);