From 02089be872e2642082dc8ff80a13c059e20d74f5 Mon Sep 17 00:00:00 2001
From: Jan Calanog <jan.calanog@elastic.co>
Date: Mon, 28 Jul 2025 22:21:47 +0200
Subject: [PATCH 1/2] Force autofocus of search input

---
 .../web-components/SearchOrAskAi/SearchOrAskAiModal.tsx       | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/Elastic.Documentation.Site/Assets/web-components/SearchOrAskAi/SearchOrAskAiModal.tsx b/src/Elastic.Documentation.Site/Assets/web-components/SearchOrAskAi/SearchOrAskAiModal.tsx
index bbf4a1d06..f4b8074a9 100644
--- a/src/Elastic.Documentation.Site/Assets/web-components/SearchOrAskAi/SearchOrAskAiModal.tsx
+++ b/src/Elastic.Documentation.Site/Assets/web-components/SearchOrAskAi/SearchOrAskAiModal.tsx
@@ -10,12 +10,13 @@ import {
 } from '@elastic/eui'
 import { css } from '@emotion/react'
 import * as React from 'react'
+import { useEffect } from "react";
 
 export const SearchOrAskAiModal = () => {
     const searchTerm = useSearchTerm()
     const askAiTerm = useAskAiTerm()
     const { setSearchTerm, submitAskAiTerm } = useSearchActions()
-
+    
     return (
         <>
             <EuiFieldSearch
@@ -27,6 +28,7 @@ export const SearchOrAskAiModal = () => {
                     submitAskAiTerm(e)
                 }}
                 isClearable
+                autoFocus={true}
             />
             <EuiSpacer size="m" />
             {askAiTerm ? <AskAiAnswer /> : <Suggestions />}

From 1a143644cd7332ed335deec6b72136395c8442b5 Mon Sep 17 00:00:00 2001
From: Jan Calanog <jan.calanog@elastic.co>
Date: Tue, 29 Jul 2025 00:38:45 +0200
Subject: [PATCH 2/2] Apply suggestion from @reakaleek

---
 .../Assets/web-components/SearchOrAskAi/SearchOrAskAiModal.tsx   | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/Elastic.Documentation.Site/Assets/web-components/SearchOrAskAi/SearchOrAskAiModal.tsx b/src/Elastic.Documentation.Site/Assets/web-components/SearchOrAskAi/SearchOrAskAiModal.tsx
index f4b8074a9..4ed99531a 100644
--- a/src/Elastic.Documentation.Site/Assets/web-components/SearchOrAskAi/SearchOrAskAiModal.tsx
+++ b/src/Elastic.Documentation.Site/Assets/web-components/SearchOrAskAi/SearchOrAskAiModal.tsx
@@ -10,7 +10,6 @@ import {
 } from '@elastic/eui'
 import { css } from '@emotion/react'
 import * as React from 'react'
-import { useEffect } from "react";
 
 export const SearchOrAskAiModal = () => {
     const searchTerm = useSearchTerm()