From e7774fa321482ef0725782aac368420f1b599b9c Mon Sep 17 00:00:00 2001
From: Iñaki Úcar <iucar@fedoraproject.org>
Date: Sep 01 2024 18:11:03 +0000
Subject: set focus on search box automatically


---

diff --git a/templates/index.html.j2 b/templates/index.html.j2
index 2a56f80..f014e6f 100644
--- a/templates/index.html.j2
+++ b/templates/index.html.j2
@@ -6,7 +6,7 @@
 <form class="justify-content-center row" action="/search" method="get">
     <div class="form-row">
         <div class="form-group col-md-8">
-            <input class="form-control" type="search" placeholder="Search" name="query" aria-label="Search">
+            <input class="form-control" type="search" placeholder="Search" name="query" aria-label="Search" autofocus>
         </div>
         <div class="form-group col-md-4">
             <button class="btn btn-primary btn-block" type="submit">Search &raquo;</button>
diff --git a/templates/layout.html.j2 b/templates/layout.html.j2
index 8879921..aaf7ff8 100644
--- a/templates/layout.html.j2
+++ b/templates/layout.html.j2
@@ -34,7 +34,7 @@
       <form class="w-100" action="/search" method="get">
         <div class="form-row flex-grow-1">
           <div class="col-md-8">
-            <input class="form-control" type="search" placeholder="Search" name="query" aria-label="Search">
+            <input class="form-control" type="search" placeholder="Search" name="query" aria-label="Search" autofocus>
           </div>
           <div class="col-md-4">
             <button class="btn btn-primary btn-block" type="submit">Search &raquo;</button>
diff --git a/templates/search-results.html.j2 b/templates/search-results.html.j2
index 513c3b7..48c0db3 100644
--- a/templates/search-results.html.j2
+++ b/templates/search-results.html.j2
@@ -23,7 +23,7 @@
 				<form class="w-100" action="/search" method="get">
 					<div class="form-row flex-grow-1">
 						<div class="col-md-8">
-							<input class="form-control" type="search" placeholder="Search" name="query" aria-label="Search" value="{{ user_query }}">
+							<input class="form-control" type="search" placeholder="Search" name="query" aria-label="Search" autofocus value="{{ user_query }}">
 						</div>
 						<div class="col-md-4">
 							<button class="btn btn-primary btn-block" type="submit">Search &raquo;</button>