From ce3a96abec30c8763555f2ad60161c2917f981a2 Mon Sep 17 00:00:00 2001
From: Ryan McKinley <ryantxu@gmail.com>
Date: Fri, 13 Jan 2023 08:01:47 -0800
Subject: [PATCH] Search: Auto focus input elements (#61443)

---
 public/app/features/search/components/DashboardSearch.tsx     | 2 ++
 public/app/features/search/components/ManageDashboardsNew.tsx | 1 +
 2 files changed, 3 insertions(+)

diff --git a/public/app/features/search/components/DashboardSearch.tsx b/public/app/features/search/components/DashboardSearch.tsx
index aa66dc703ff3..260c2a64d758 100644
--- a/public/app/features/search/components/DashboardSearch.tsx
+++ b/public/app/features/search/components/DashboardSearch.tsx
@@ -26,6 +26,8 @@ export function DashboardSearch({}: Props) {
           <div>
             <input
               type="text"
+              // eslint-disable-next-line jsx-a11y/no-autofocus
+              autoFocus
               placeholder={state.includePanels ? 'Search dashboards and panels by name' : 'Search dashboards by name'}
               value={state.query ?? ''}
               onChange={(e) => stateManager.onQueryChange(e.currentTarget.value)}
diff --git a/public/app/features/search/components/ManageDashboardsNew.tsx b/public/app/features/search/components/ManageDashboardsNew.tsx
index a0809807d291..74b4a26723cc 100644
--- a/public/app/features/search/components/ManageDashboardsNew.tsx
+++ b/public/app/features/search/components/ManageDashboardsNew.tsx
@@ -46,6 +46,7 @@ export const ManageDashboardsNew = React.memo(({ folder }: Props) => {
             value={state.query ?? ''}
             onChange={(e) => stateManager.onQueryChange(e.currentTarget.value)}
             onKeyDown={onKeyDown}
+            // eslint-disable-next-line jsx-a11y/no-autofocus
             autoFocus
             spellCheck={false}
             placeholder={state.includePanels ? 'Search for dashboards and panels' : 'Search for dashboards'}