Fix cursor visibility issue in mobile mode

HEIGE-PCloud · Oct 15, 2023 · f21f273 · f21f273
1 parent 25aa0f5
commit f21f273
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/assets/js/theme.js b/assets/js/theme.js
@@ -189,14 +189,18 @@ function initSearch () {
     window._searchMobileOnce = true
     // Turn on the mask when clicking on the search button
     searchInput.addEventListener('focus', () => {
-      loadScript('autocomplete-script', '/lib/autocomplete/autocomplete.min.js', () => initAutosearch())
+      loadScript('autocomplete-script', '/lib/autocomplete/autocomplete.min.js', () => {
+        initAutosearch();
+        searchInput.focus();
+      })
       if (window.config?.search?.type === 'algolia') {
         loadScript('algolia-script', '/lib/algoliasearch/algoliasearch-lite.umd.min.js', null)
       } else {
         loadScript('fuse-script', '/lib/fuse/fuse.min.js', null)
       }
       document.body.classList.add('blur')
       header.classList.add('open')
+      searchInput.focus()
     })
     // Turn off the everything when clicking on the cancel button
     document.getElementById('search-cancel-mobile').addEventListener('click', () => {