Fix cursor visibility issue in mobile mode (#1087)

* Resolve new cursor missing issue caused by previous 'Fix cursor missing issue' PR

* Fix cursor visibility issue in mobile mode

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', () => {
@@ -236,6 +240,7 @@ function initSearch () {
       }
       document.body.classList.add('blur')
       header.classList.add('open')
+      searchInput.focus()
     })
     // Clear the search box when clicking on the clear button
     searchClear.addEventListener('click', () => {