Better autofocus, to make it work on mobile somehow

This commit is contained in:
develoopeer 2024-11-15 11:03:34 +03:00
parent bacb607d90
commit fc0b4ecdfb
2 changed files with 5 additions and 1 deletions

View File

@ -614,6 +614,10 @@ async function setupPage() {
setupLazyImages();
} finally {
pageElement.classList.add("content-ready");
const inputElement = document.getElementsByClassName("search-input")[0];
if (inputElement.dataset.autofocus == 'autofocus'){
inputElement.focus()
}
for (let i = 0; i < contentReadyCallbacks.length; i++) {
contentReadyCallbacks[i]();

View File

@ -16,7 +16,7 @@
</svg>
</div>
<input class="search-input" type="text" placeholder="Type here to search…" autocomplete="off"{{ if .Autofocus }} autofocus{{ end }}>
<input class="search-input" type="text" placeholder="Type here to search…" autocomplete="off" data-autofocus="{{ if .Autofocus }}autofocus{{ end }}">
<div class="search-bang"></div>
<kbd class="hide-on-mobile" title="Press [S] to focus the search input">S</kbd>