Add autofocus property to search widget

2024-07-15 16:30:12 +01:00
parent 9bda88edbd
commit 5a62a8afe9
3 changed files with 6 additions and 1 deletions
--- a/internal/assets/templates/search.html
+++ b/internal/assets/templates/search.html
@@ -16,7 +16,7 @@
        </svg>
    </div>

-    <input class="search-input" type="text" placeholder="Type here to search…" autocomplete="off">
+    <input class="search-input" type="text" placeholder="Type here to search…" autocomplete="off"{{ if .Autofocus }} autofocus{{ end }}>

    <div class="search-bang"></div>
    <kbd class="hide-on-mobile" title="Press [S] to focus the search input">S</kbd>
--- a/internal/widget/search.go
+++ b/internal/widget/search.go
@@ -20,6 +20,7 @@ type Search struct {
 	SearchEngine string        `yaml:"search-engine"`
 	Bangs        []SearchBang  `yaml:"bangs"`
 	NewTab       bool          `yaml:"new-tab"`
+	Autofocus    bool          `yaml:"autofocus"`
 }

 func convertSearchUrl(url string) string {